Exemplu
Selectați fiecare <p> element care este al treilea <p> elementul părinte:
$("p:nth-of-type(3)") Încearcă - l singur » Definiție și utilizare
:nth-of- type( n ) Selector selectează toate elementele care sunt n th - n th copil, de un anumit tip, de mama lor.
Sfat: utilizați :nth- child() selectorul pentru a selecta toate elementele care sunt n th - n th copil, indiferent de tip, de mama lor.
Sintaxă
:nth-of-type( n |even|odd| formula )| Parametru | Descriere |
|---|---|
| n | Indicele fiecărui copil să se potrivească. Trebuie să fie un număr. Primul element are numărul de index 1. |
| even | Selectează fiecare copil chiar element de |
| odd | Selectează fiecare element copil ciudat |
| formula | Specifică copil element(s) să fie selectate cu o formulă ( an + b ) . Exemplu: p:nth-of- type(3n+2) selecteaza fiecare treilea paragraf, începând de la al 2 - lea paragraf |
Încearcă-l singur - Exemplu
Selectați fiecare <p> element care este al doilea <p> elementul tuturor <div> elemente
Cum de a selecta fiecare <p> element care este al doilea <p> element al tuturor <div> elemente.
Folosind o formulă (an + b)
Cum se folosește o formulă ( an + b ) pentru a selecta diferite elemente copil.
Folosind "even" și "odd"
Cum se folosește și chiar ciudat pentru a selecta diferite elemente copil.
Diferența dintre :nth- child() , :nth-last- child() , :nth-of- type() de :nth-of-last- type() :nth-of- type() și :nth-of-last- type()
Diferența dintre p:nth- child(2) , p:nth-last- child(2) , p:nth-of- type(2) și p:nth-of-last- type(2) .