:last-child

von 1 Mitwirkenden:

Zusammenfassung

Die CSS-Pseudoklasse :last-child repräsentiert jedes Element, das das letzte Kind seines Elternelements ist.

Syntax

element:last-child { Stil-Eigenschaften }

Beispiele

Beispiel 1

li:last-child {
    background-color: lime;
}

…und…

<ul>
  <li>Dieser Punkt ist nicht hellgrün.</li>
  <li>Dieser Punkt schon! :)</li>
</ul>

…sieht folgendermaßen aus:

Beispiel 2: UL verwenden

Interaktives Beispiel: http://jsfiddle.net/KX7ch/

<ul>
    <li>Punkt 1</li>
    <li>Punkt 2</li>
    <li>Punkt 3</li>
</ul>
ul li{
    color:red;
}
ul li:last-child{
    color:green;
}

Spezifikationen

Spezifikation Status Kommentar
Selectors Level 4 Working Draft Keine Änderung.
Selectors Level 3 Recommendation Ursprüngliche Definition.

Browser-Kompatibilität

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Unterstützung 1.0 1.0 (1.7 or earlier) 9.0 9.5 3.2
Merkmal Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende Unterstützung 2.1 1.0 (1) 9.0 10.0 3.2

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: Florian_1990
Zuletzt aktualisiert von: Florian_1990,
Seitenleiste ausblenden