Exemplu
Selectați fiecare <p> element care este al treilea copil al părintelui său, numărând de la ultimul copil:
$("p:nth-last-child(3)") Încearcă - l singur » Definiție și utilizare
:nth-last- child( n ) Selector selectează toate elementele care sunt n th - n th copil, indiferent de tip, de mama lor, numărând de la ultimul copil.
Sfat: utilizați :nth-last-of- type() selectorul pentru a selecta toate elementele care sunt n th - n th copil, de un anumit tip, de mama lor, numărând de la ultimul copil.
Sintaxă
:nth-last-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-last- child(3n+2) selecteaza fiecare treilea paragraf, începând de la ultimul doilea copil |
Încearcă-l singur - Exemplu
Selectați fiecare <p> element care este primul copil al tuturor <div> Element, numărând de la ultimul copil
Cum de a selecta un <p> element care este primul copil al tuturor <div> elemente, numărând de la ultimul copil.
Folosind o formulă (an + b)
Cum se folosește o formulă ( an + b ) pentru a selecta diferite elemente pentru copii, numărând de la ultimul copil.
Folosind "even" și "odd"
Cum se folosește și chiar ciudat pentru a selecta diferite elemente pentru copii, numărând de la ultimul copil.
Diferența dintre :nth- child() , :nth-last- child() , :nth-of- type() de :nth-of-last- type() :nth- child() , :nth-last- child() , :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) .