:first-of-type

Résumé

La pseudo-classes CSS :first-of-type représente un élément qui est le premier enfant de son type dans la liste des enfants de l'élément parent.

Syntaxe

*:first-of-type { propriétés CSS }

Exemple

L'exemple suivant équivaut à l'utilisation d'un sélecteur universel, lorsqu'aucun sélecteur simple n'est précisé.

div :first-of-type {
  background-color: lime;
}
<div>
  <span>Ce span est premier!</span>
  <span>Ce span ne l'est pas. :(</span>
  <span>Et si on utilise un <em>élément enfant</em> ?</span>
  <strike>Ceci est un autre type</strike>
  <span>Malheureusement, celui-ci ne l'est pas...</span>
</div>

...rend :

 

Spécifications

Spécification Statut Commentaire
Selectors Level 4
La définition de ':first-of-type' dans cette spécification.
Version de travail Aucun changement.
Selectors Level 3
La définition de ':first-of-type' dans cette spécification.
Recommendation Première définition.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base 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 de base 2.1 1.0 (1.9.1) 9.0 10.0 3.2

Voir également

Étiquettes et contributeurs liés au document

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