:first-of-type

von 1 Mitwirkenden:

Ü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:

Spezifikation

Spezifikation Status Kommentar
Selectors Level 4
Die Definition von ':first-of-type' in dieser Spezifikation.
Working Draft No change.
Selectors Level 3
Die Definition von ':first-of-type' in dieser Spezifikation.
Recommendation Initial 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

Mitwirkende an dieser Seite: Sebastianz
Zuletzt aktualisiert von: Sebastianz,