Exemplu
Selectați fiecare <p> element care este al treilea copil al părintelui său:
$("p:nth-child(3)") Încearcă - l singur » Definiție și utilizare
:nth- child( n ) Selectorul selectează toate elementele care sunt nth - nth copil, indiferent de tipul, de mama lor.
Sfat: utilizați :nth-of- type() selectorul pentru a selecta toate elementele care sunt n th - n th copil, de un anumit tip, de mama lor.
Sintaxă
:nth-child( 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 even element de copil |
| odd | Selectează fiecare odd element de copil |
| formula | Specifică copil element(s) să fie selectate cu o formulă ( an + b ) . Exemplu: p:nth- child(3n+2) selecteaza fiecare paragraful 3, pornind de la elementul copil a 2 - |
Încearcă-l singur - Exemplu
Selectați fiecare <p> element care este al doilea copil al tuturor <div> elemente
Cum de a selecta fiecare <p> element care este al doilea copil 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 type() :nth-of- type() și: nth-de-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) .