Le pseudo-élément :first-child

Ce pseudo-élément permet de cibler le premier élément enfant dans un élément parent.
Peut s'utiliser avec des classes ou des redéfinitions de balises.

:first-child
Valeur	Toute propriété css
Type	CSS 1
Compatibilité	7+ 7+ 4+ 3+ 9+
Valeur par défaut	Aucune
Domaine d'application	Tous les éléments.
Héritage	non
Media	visuel

Notation :

[élément_parent] [élément_enfant]:first-child {...}

Exemples

- Code HTML utilisé :

<p>Voici <span>le premier élément enfant</span>, 
et voici <span>le second élément enfant</span>.</p>

- CSS utilisé :

p span:first-child {color: red}

- Résultat :

Voici le premier élément enfant, et voici le second élément enfant.