CSS : sélecteur de premier enfant
Exemple
Sélectionnez et stylisez chaque élément <p> qui est le premier enfant de son parent :
p:first-child
{
background-color: yellow;
}
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
Le :first-child
sélecteur est utilisé pour sélectionner le sélecteur spécifié, uniquement s'il s'agit du premier enfant de son parent.
Version: | CSS2 |
---|
Prise en charge du navigateur
Les nombres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge le sélecteur.
Selector | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Syntaxe CSS
:first-child {
css declarations;
}
Plus d'exemples
Exemple
Sélectionnez et stylisez chaque élément <i> de chaque élément <p>, où l'élément <p> est le premier enfant de son parent :
p:first-child i
{
background: yellow;
}
Exemple
Sélectionnez et stylisez le premier élément <li> dans les listes :
li:first-child
{
background: yellow;
}
Exemple
Sélectionnez et stylisez le premier élément enfant de chaque élément <ul> :
ul > :first-child
{
background: yellow;
}
Pages connexes
Tutoriel CSS : Pseudo-classes CSS