Beispiel
Wählen Sie jedes <p> Element , das die dritte ist <p> Element seiner Eltern, aus dem letzten Kind zu zählen:
$("p:nth-last-of-type(3)") Versuch es selber " Definition und Verwendung
Die :nth-last-of-type( n ) - :nth-last-of-type( n ) Selektor wählt alle Elemente , die die n - te Kind sind, einer bestimmten Art, ihrer Eltern, aus dem letzten Kind zu zählen.
Tipp: Verwenden Sie den :nth-last-child() - n th :nth-last-child() Selektor alle Elemente auswählen, die das sind n th - n th Kind, unabhängig von der Art, ihrer Eltern, aus dem letzten Kind zu zählen.
Syntax
:nth-last-of-type( n |even|odd| formula )| Parameter | Beschreibung |
|---|---|
| n | Der Index eines jeden Kindes anzupassen. Muss eine Nummer sein. Das erste Element hat die Indexnummer 1. |
| even | Wählt jedes even untergeordnetes Element |
| odd | Wählt jedes odd Kind - Element |
| formula | Legt fest , welche Kind - element(s) mit einer Formel ausgewählt werden ( an + b ) . Beispiel: p:nth-last-child(3n+2) - p:nth-last-child(3n+2) wählt jeden 3. Absatz im letzten Absatz 2. Start |
Probieren Sie es selbst - Beispiel
Wählen Sie die einzelnen <p> <p> Element , das die erste ist , <p> Element> aller <div> Element, aus dem letzten Kind zu zählen
Wie jedes auszuwählen <p> Element, das die erste ist , <p> Element aller <div> Elemente, von dem letzten Kind zu zählen.
Mit Hilfe einer Formel (an + b)
Wie eine Formel (an + b) zu verwenden , anders zu wählen <p> Elemente, aus dem letzten Kind zu zählen.
Mit "even" und "odd"
Wie gerade und ungerade zu verwenden , anders zu wählen <p> Elemente, aus dem letzten Kind zu zählen.
Der Unterschied zwischen : nth-child () , :nth-last-child() , :nth-of-type() - :nth-of-last-type() :nth-of-type() und :nth-of-last-type() - :nth-of-last-type()
Der Unterschied zwischen p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) und p:nth-of-last-type(2) .