Beispiel
Wählen Sie jedes <p> Element , das das dritte Kind seiner Eltern ist, aus dem letzten Kind zu zählen:
$("p:nth-last-child(3)") Versuch es selber " Definition und Verwendung
Die :nth-last-child( n ) - n th :nth-last-child( n ) Selektor wählt alle Elemente, die der sind n th - n th Kind, unabhängig von der Art, ihrer Eltern, aus dem letzten Kind zu zählen.
Tipp: Verwenden Sie den :nth-last-of-type() - n th :nth-last-of-type() Selektor alle Elemente auszuwählen, das sind n th - n th Kind, einer bestimmten Art, ihrer Eltern, aus dem letzten Kind zählen.
Syntax
:nth-last-child( 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 dritten Absatz im letzten 2. Kind beginnt |
Probieren Sie es selbst - Beispiel
Wählen Sie jedes <div> <p> Element, das das erste Kind von allem ist , <div> Element, aus dem letzten Kind zu zählen
So wählen Sie ein <p> Element, das das erste Kind von allen ist <div> Elemente, aus dem letzten Kind zu zählen.
Mit Hilfe einer Formel (an + b)
Wie eine Formel zu verwenden ( an + b ) verschiedene Kind - Elemente zu wählen, von der letzten Kind zu zählen.
Mit "even" und "odd"
Wie gerade und ungerade verwenden, um verschiedene untergeordnete Elemente zu wählen, aus dem letzten Kind zu zählen.
Der Unterschied zwischen : nth-child (): n - :nth-child(), :nth-last-child(), :nth-of-type() - :nth-child(), :nth-last-child(), :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) .