Przykład
Wybierz każdy <p> element, który jest trzecim dzieckiem swojego rodzica, licząc od ostatniego dziecka:
$("p:nth-last-child(3)") Spróbuj sam " Definicja i Wykorzystanie
:nth-last-child( n ) selektor wybiera wszystkie elementy, które są n th dziecka, niezależnie od typu, ich rodziców, licząc od ostatniego dziecka.
Wskazówka: Użyj :nth-last-of-type() wybieraka, aby wybrać wszystkie elementy, które są n th dziecka, szczególnego typu, ich rodziców, licząc od ostatniego dziecka.
Składnia
:nth-last-child( n |even|odd| formula )| Parametr | Opis |
|---|---|
| n | Indeks każdego dziecka do meczu. Musi być liczbą. Pierwszy element ma numer indeksu 1. |
| even | Wybiera każdy even element podrzędny |
| odd | Wybiera każdy odd element podrzędny |
| formula | Określa, które dziecko element(s) zostać wybrane ze wzoru ( an + b ) . Przykład: p:nth-last-child(3n+2) wybiera każdy akapit 3rd, zaczynając od ostatniego dziecka 2 |
Spróbuj sam - przykład
Wybierz każdy <p> element, który jest pierwszym dzieckiem wszystkich <div> elementu, licząc od ostatniego dziecka
Jak wybrać <p> element, który jest pierwszym dzieckiem wszystkich <div> elementów, licząc od ostatniego dziecka.
Stosując wzór (an + b)
Jak korzystać z wzoru ( an + b ) , aby wybrać różne elementy podrzędne, licząc od ostatniego dziecka.
Używanie "even" i "odd"
Jak korzystać z parzystych i nieparzystych, aby wybrać różne elementy podrzędne, licząc od ostatniego dziecka.
Różnica pomiędzy :nth-child(), :nth-last-child(), :nth-of-type() oraz :nth-of-last-type()
Różnica między p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) i p:nth-of-last-type(2) .