Der Inhalt dieser Seite wurde von der Community übersetzt, jedoch wird er nicht mehr aktiv gepflegt und kann daher veraltet sein. Wenn du mithelfen möchtest, kannst du hier herausfinden wie deaktivierte Übersetzungen reaktiviert werden können.

:last-of-type

Übersicht

Die :last-of-type CSS Pseudoklasse repräsentiert den letzten Geschwisterknoten eines Typs in der Liste von Kindknoten des Elternelements.

Syntax

element:last-of-type { Stileigenschaften }

Beispiel

Um das letzte <em> Element innerhalb eines <p> Elements auszuwählen, kann folgender Code verwendet werden:

p em:last-of-type {
  color: lime;
}

<p>
  <em>Ich bin nicht grün. :(</em>
  <strong>Ich bin nicht grün. :(</strong>
  <em>Ich bin grün! :D</em>
  <strong>Ich bin auch nicht grün. :(</strong>
</p>

<p>
  <em>Ich bin nicht grün. :(</em>
  <span><em>Ich bin grün!</em></span>
  <strong>Ich bin nicht grün. :(</strong>
  <em>Ich bin grün! :D</em>
  <span><em>Ich bin auch grün!</em> <strike> Ich bin nicht grün. </strike></span>
  <strong>Ich bin auch nicht grün. :(</strong>
</p>

...entspricht:

Spezifikation

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

Browser Kompatibilität

BCD tables only load in the browser

Siehe auch