Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

: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

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

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