:first-of-type

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

element:first-of-type { Stileigenschaften }

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:

• :nth-of-type (en-US), :last-of-type