Przykład
Wybierz każdy element <p>, który jest trzeci <p> element jego rodzica:
$("p:nth-of-type(3)") Spróbuj sam " Definicja i Wykorzystanie
:nth-of-type( n ) selektor wybiera wszystkie elementy, które są n th dziecka, szczególnego typu, ich rodziców.
Wskazówka: Użyj :nth-child() wybieraka, aby wybrać wszystkie elementy, które są n th dziecka, niezależnie od typu, ich rodziców.
Składnia
:nth-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 nawet element podrzędny |
| odd | Wybiera każdy dziwny element podrzędny |
| formula | Określa element (y) dziecko zostało wybrane ze wzoru ( an + b ) . Przykład: p:nth-of-type(3n+2) wybiera każdy akapit 3rd, zaczynając od 2 ust |
Spróbuj sam - przykład
Wybierz każdy <p> element, który jest drugim co do <p> element wszystkich <div> elementy
Jak wybrać każdą <p> element, który jest drugi <p> elementem wszystkich <div> elementy.
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 :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) .