CSS :last-child Pseudo-Klasse

Definition und Verwendung

CSS :last-child Pseudo-Klassen werden verwendet, um alle Elemente zu matchen, die als letzter Nachkomme des Elternelements auftreten.

Hinweis:p:last-child entspricht p:nth-last-child(1).

Beispiel

Bestimmen Sie die Hintergrundfarbe des <p>-Elements für den letzten Nachkommen des Elternelements. Bestimmen Sie auch die Hintergrundfarbe des <li>-Elements für den letzten Nachkommen des Elternelements:

p:last-child {
  background-color: yellow;
}
li:last-child {
  background-color: yellow;
}

Versuchen Sie es selbst

CSS-Syntax

:last-child {
  css-Anweisungen;
}

Technische Details

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browser-Version an, die den Pseudo-Selektor vollständig unterstützt.

Verwandte Seiten

Referenz:CSS :last-of-type Pseudo-Klasse