Exemple
Sélectionnez le style et chaque <p> élément qui est le premier enfant de son parent:
p:first-child
{
background-color: yellow;
}
Essayez - le vous - même » Plus "Try it Yourself" exemples ci - dessous.
Définition et utilisation
Le sélecteur: first-child est utilisé pour sélectionner le sélecteur spécifié, que si elle est le premier enfant de son parent.
Version: | CSS2 |
---|
support du navigateur
Les chiffres dans le tableau indique la première version du navigateur qui prend en charge entièrement le sélecteur.
Sélecteur | |||||
---|---|---|---|---|---|
:first-child | 4.0 | 7.0 | 3.0 | 3.1 | 9.6 |
Note: Pour: premier enfant à travailler dans IE8 et plus tôt, un <! DOCTYPE> doit être déclaré.
Syntaxe CSS
Autres exemples
Exemple
Sélectionnez le style et tous les <i> élément de chaque <p> élément, où le <p> élément est le premier enfant de son parent:
p:first-child i
{
background: yellow;
}
Essayez - le vous - même » Exemple
Sélectionnez et le style de la première <li> élément dans les listes:
li:first-child
{
background: yellow;
}
Essayez - le vous - même » Exemple
Sélectionnez le style et le premier élément de chaque enfant <ul> élément:
ul > :first-child
{
background: yellow;
}
Essayez - le vous - même » Pages associées
CSS tutoriel: les classes CSS Pseudo