Przykład
Wybierz każdy <p> element, który jest trzeci <p> element swojego rodzica, licząc od ostatniego dziecka:
$("p:nth-last-of-type(3)") Spróbuj sam " Definicja i Wykorzystanie
:nth-last-of-type( n ) selektor wybiera wszystkie elementy, które są n-tego dziecka, szczególnego typu, ich rodziców, licząc od ostatniego dziecka.
Wskazówka: Użyj :nth-last-child() wybieraka, aby wybrać wszystkie elementy, które są n th dziecka, niezależnie od typu, ich rodziców, licząc od ostatniego dziecka.
Składnia
:nth-last-of-type( 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 ustępu 2 |
Spróbuj sam - przykład
Wybierz każdy <p> element, który jest pierwszy <p> element> wszystkich <div> elementu, licząc od ostatniego dziecka
Jak wybrać każdą <p> element, który jest pierwszym <p> element wszystkich <div> elementów, licząc od ostatniego dziecka.
Stosując wzór (an + b)
Jak zastosować wzór (an + b), aby wybrać różne <p> elementów, licząc od ostatniego dziecka.
Używanie "even" i "odd"
Jak korzystać z parzystych i nieparzystych, aby wybrać różne <p> elementów, 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) .