:first-child

Résumé

La pseudo-classe CSS :first-child représente un élément qui est le premier enfant d'un élément parent.

Syntaxe

element:first-child { propriétés CSS }

Exemples

span:first-child {
  background-color: lime;
}

...avec le HTML...

<div>
  <span>Ce span est vert!</span>
  <span>Ce span ne l'est pas. :(</span>
</div>

... donne ça :

Spécifications

Spécification Statut Commentaire
Selectors Level 4 Working Draft Aucun changement.
Selectors Level 3 Recommendation Première définition.

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Opera Safari
Support de base 4.0 3.0 (1.9) 7 9.5 4
Fonctionnalité Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Support de base 1.0 1.0 (1.9.1) 7 10.0 3.1

Notes concernant Internet Explorer

Internet Explorer 7 ne met pas à jour les styles quand les éléments sont ajoutés dynamiquement.

Dans Internet Explorer 8, si un élément est inséré dynamiquement en cliquant sur un lien, le style first-child n'est pas appliqué tant que lien ne perd par le focus.

Étiquettes et contributeurs liés au document

Contributeurs ayant participé à cette page : the prisoner, tregagnon, Fredchat, FredB
Dernière mise à jour par : tregagnon,
Masquer la barre latérale