Przykład
Określa kolor tła dla każdego <p> element, który jest drugim dzieckiem swojego rodzica, licząc od ostatniego dziecka:
p:nth-last-child(2)
{
background: #ff0000;
}
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
:nth-last-child( n ) selektor pasuje do każdego elementu, który jest n th dziecka, niezależnie od typu, jego rodzica, licząc od ostatniego dziecka.
n może być liczbą, słowo kluczowe lub formułą.
Tip: Spójrz na :nth-last-of-type() wybieraka, aby wybrać element, który jest n th dziecko of a specified type , jego rodzica, licząc od ostatniego dziecka.
| Wersja: | CSS3 |
|---|
Pomoc Browser
Liczby w tabeli określa pierwszą wersję przeglądarki, która w pełni obsługuje wybierak.
| Selektor | |||||
|---|---|---|---|---|---|
| :nth-last-child() | 4,0 | 9,0 | 3,5 | 3,2 | 9,6 |
Składnia CSS
Więcej przykładów
Przykład
Parzyste i nieparzyste są to słowa kluczowe, które mogą być stosowane do elementów o indeksach nieparzystych i parzystych.
Tutaj możemy podać dwa różne kolory tła dla parzystych i nieparzystych elementów p, licząc od ostatniego dziecka:
p:nth-last-child(odd)
{
background: #ff0000;
}
p:nth-last-child(even)
{
background: #0000ff;
}
Spróbuj sam " Przykład
Stosując wzór ( an + b ) . Opis: reprezentuje wielkość cyklu, a n jest licznik (starts at 0) , a b jest wartością przesunięcia.
Tutaj możemy określić kolor tła dla wszystkich elementów p, których indeks jest wielokrotnością liczby 3, licząc od ostatniego dziecka:
p:nth-last-child(3n+0)
{
background: #ff0000;
}
Spróbuj sam "