Przykład
Wybierz każdy <p> element, który jest trzecim dzieckiem swojego rodzica:
$("p:nth-child(3)") Spróbuj sam " Definicja i Wykorzystanie
:nth-child( n ) selektor wybiera wszystkie elementy, które są nth dziecko, niezależnie od typu, ich rodziców.
Wskazówka: Użyj :nth-of-type() wybieraka, aby wybrać wszystkie elementy, które są n th dziecka, szczególnego typu, ich rodziców.
Składnia
:nth-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 element (y) dziecko zostało wybrane ze wzoru ( an + b ) . Przykład: p:nth-child(3n+2) wybiera każdy akapit 3rd, zaczynając od elementu 2 dzieci |
Spróbuj sam - przykład
Wybierz każdy <p> element, który jest drugim dzieckiem wszystkim <div> elementy
Jak wybrać każdą <p> element, który jest drugim dzieckiem wszystkich <div> elementów.
Stosując wzór (an + b)
Jak korzystać z wzoru ( an + b ) , aby wybrać różne elementy podrzędne.
Używanie "even" i "odd"
Jak korzystać z parzystych i nieparzystych wybrać różne elementy podrzędne.
Różnica pomiędzy :nth-child() , :nth-last-child() , :nth-of-type() oraz: typu nth-of-last ()
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) .