CSS3: n-te-last-child () Selektor
CSS - Selektoren komplettes Referenzhandbuch
Beispiele
P gibt an, dass jedes Element der gleichen Art von Spiel vorletzten zwei Geschwister Geschwister Hintergrundfarbe:
{
Hintergrund: # ff0000;
}
Versuchen »
Definition und Verwendung
: Nth-last-of-Typ (n) Selektor die gleiche Art von reziproken n-ten Geschwister Geschwister übereinstimmen.
nkann eine Zahl, ein Schlüsselwort oder eine Formel sein.
Tipp: Siehe : n - te-last-of-Typ () Selektor.Der Selektor passt das übergeordnete Element in der vorletzten n strukturellen Unterelemente.
Browser-Unterstützung
Die Zahlen in der Tabelle stellen die erste Browser die Versionsnummer der Immobilie zu unterstützen.
选择器 | |||||
---|---|---|---|---|---|
:nth-last-child() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
Weitere Beispiele
Beispiel 1
Odd und kann sogar als Schlüsselwort verwendet werden, um das Unterelement anzupassen verwendet wird, ist der Index-ungerade oder gerade.
Hier geben wir zwei verschiedene Hintergrundfarben für die ungeraden und geraden reziproken p Elemente:
{
background:#ff0000;
}
p:nth-last-child(even)
{
background:#0000ff;
}
Versuchen »
Beispiel 2
Unter Verwendung der Formel (an + b) Beschreibung: Die Größe eines Vertreters eines Zyklus ist ein Zähler N (beginnend bei 0) und b ist der Versatz.
Hier stellen wir alle Indizes sind ein Vielfaches von drei p-Element gibt die Reihenfolge der Umkehrung der Hintergrundfarbe:
{
Hintergrund: # ff0000;
}
Versuchen »