: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

Browser Kompatibilität

Wir konvertieren die Kompatibilitätsdaten in ein maschinenlesbares JSON Format. Diese Kompatibilitätstabelle liegt noch im alten Format vor, denn die darin enthaltenen Daten wurden noch nicht konvertiert. Finde heraus wie du helfen kannst!

Siehe auch

• :nth-of-type, :last-of-type