:last-child

Ü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

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,