Ü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