Latest web development tutorials

CSS: first-child pseudo-élément

sélecteurs CSS complète Sélecteurs CSS manuel de référence complet

Exemples

éléments de match appartenant au premier enfant de l'élément parent de chaque élément <p>

p: first-child
{
background-color: jaune;
}

Essayez »

Définition et utilisation

: Sélecteur Only-enfant correspond à l'élément appartenant à l'élément parent seul élément enfant.


support du navigateur

Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.

选择器
:first-child 4.0 7.0 3.0 3.1 9.6

Remarque :: first-enfant doit être déclarée dans IE8 et les versions antérieures de IE <! DOCTYPE>


articles connexes

CSS tutorial: CSS pseudo-classes


Exemples

D'autres exemples


Exemples

<P> est le premier enfant de son parent, le style <i> pour chaque élément <p> est:

p: first-child i
{
fond: jaune;
}

Essayez »

Exemples

Liste premier <li> élément sélectionné style:

li:first-child
{
background:yellow;
}

Essayez »

Exemples

premier élément enfant de chaque élément <ul> de style sélectionné ::

ul>:first-child
{
background:yellow;
}

Essayez »


sélecteurs CSS complète Sélecteurs CSS manuel de référence complet