:last-child

Übersicht

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

element:last-child { Stileigenschaften }

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

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

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.

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android Webview	Chrome für Android	Firefox für Android	Opera für Android	Safari auf iOS	Samsung Internet
`:last-child`	Chrome Vollständige Unterstützung 1	Edge Vollständige Unterstützung 12	Firefox Vollständige Unterstützung 1	IE Vollständige Unterstützung 9	Opera Vollständige Unterstützung 9.5	Safari Vollständige Unterstützung 3.2	WebView Android Vollständige Unterstützung ≤37	Chrome Android Vollständige Unterstützung 18	Firefox Android Vollständige Unterstützung 4	Opera Android Vollständige Unterstützung 10.1	Safari iOS Vollständige Unterstützung 3.2	Samsung Internet Android Vollständige Unterstützung 1.0
Matches elements with no parent	Chrome Vollständige Unterstützung 57	Edge Vollständige Unterstützung 79	Firefox Vollständige Unterstützung 52	IE Keine Unterstützung Nein	Opera Vollständige Unterstützung 44	Safari Keine Unterstützung Nein	WebView Android Vollständige Unterstützung 57	Chrome Android Vollständige Unterstützung 57	Firefox Android Vollständige Unterstützung 52	Opera Android Vollständige Unterstützung 43	Safari iOS Keine Unterstützung Nein	Samsung Internet Android Vollständige Unterstützung 7.0