Übersicht

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

Syntax

element:last-child { Stileigenschaften }

Beispiel

HTML Inhalt

<ul>
  <li>Dieser Punkt ist nicht grün.</li>
  <li>Auch nicht dieser.</li>
  <li>Dieser Punkt ist es! :)</li>
</ul>

CSS Inhalt

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

Spezifikationen

Spezifikation Status Kommentar
Selectors Level 4
Die Definition von ':last-child' in dieser Spezifikation.
Arbeitsentwurf Keine Änderung
Selectors Level 3
Die Definition von ':last-child' in dieser Spezifikation.
Empfehlung Ursprüngliche Definition.

Browser Kompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Unterstützung 1.0 1.0 (1.7 oder früher) 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: Sebastianz, Florian_1990
Zuletzt aktualisiert von: Sebastianz,