Ü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
| Merkmal | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Grundlegende Unterstützung | 1.0 | 3.5 (1.9.1) | 9.0 | 9.5 | 3.2 |
| Merkmal | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Grundlegende Unterstützung | 2.1 | 1.0 (1.9.1) | 9.0 | 10.0 | 3.2 |
Siehe auch
Schlagwörter des Dokuments und Mitwirkende
Schlagwörter:
Mitwirkende an dieser Seite:
Sebastianz
Zuletzt aktualisiert von:
Sebastianz,