:first-of-type

La pseudo-classe :first-of-type permet de cibler le premier élément dont l'élément parent est d'un type donné (ex. cibler le premier élément fils d'un div).

Syntaxe

:first-of-type { style properties }

Exemples

CSS

div :first-of-type {
  background-color: lime;
}

HTML

<div>
  <span>Voici le premier span !</span>
  <span>Un autre span, pas le premier.</span>
  <span>Quid de cet <em>élément imbriqué </em>?</span>
  <strike>Un autre type d'élément.</strike>
  <span>Ce type là est déjà apparu.</span>
</div>

Résultat

Spécifications

Spécification État Commentaires
Selectors Level 4
La définition de ':first-of-type' dans cette spécification.
Version de travail Aucune modification.
Selectors Level 3
La définition de ':first-of-type' dans cette spécification.
Recommendation Définition initiale.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support simple 1.0 3.5 (1.9.1) 9.0 9.5 3.2
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support simple 2.1 1.0 (1.9.1) 9.0 10.0 3.2

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Contributeurs à cette page : SphinxKnight, tregagnon, enogael, teoli, FredB, the prisoner
 Dernière mise à jour par : SphinxKnight,