:first-of-type

Übersicht

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

Syntax

element:first-of-type { Stileigenschaften }

Beispiel

Dieses Beispiel zeigt, wie der universelle Selektor angenommen wird, falls kein einfacher Selektor angegeben wird.

div :first-of-type {
  background-color: lime;
}
<div>
  <span>Dieser Text kommt zuerst!</span>
  <span>Dieser Text nicht. :(</span>
  <span>Was ist mit diesem <em>verschachtelten Element</em>?</span>
  <strike>Dies ist ein weiterer Typ.</strike>
  <span>Dieser leider nicht...</span>
</div>

...ergibt:

Spezifikationen

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

Browser Kompatibilität

BCD tables only load in the browser

Siehe auch