Sélecteur :FIRST-CHILD
Rôle
Le sélecteur first-child est une pseudo-classe désigné par la syntaxe :first-child qui permet de cibler chaque élément qui est le premier enfant de son parent.
Note : assurez vous que l’élément sur lequel s’applique le sélecteur est bien le premier enfant de son parent. Par exemple, li:first-child ne signifie pas le premier li du parent mais que le premier enfant du parent est bien un li.
Dans l’exemple ci-dessous, le premier li donc le premier enfant de ul est rouge.
li:first-child{
color: red;
}
<ul>
<li>liste 1</li>
<li>liste 2</li>
<li>liste 3</li>
</ul>
Version : CSS1
Testez vous-même ce sélecteur
Compatibilité
Le sélecteur first-child est pris en charge par tous les principaux navigateurs.
A voir aussi
:first-of-type
:last-child
:last-of-type
:nth-child(n)
:nth-of-type(n)
:nth-last-child(n)
:nth-last-of-type(n)
only-child
:only-of-type
