Elle permet de cibler le premier enfant d’un élément.
La syntaxe
Cet exemple cible le premier <li>
de la balise <ul>
ul li:first-child{ ... }
Attention : le code suivant ne sélectionne pas les premiers <h2>
de chaque élément, mais il sélectionne le/les premiers <h2>
SEULEMENT si ils se trouvent premier enfant de leur parent.
h2:first-child{ ... }
:first-child
est strictement équivalent à :nth-child(1)
Pour sélectionner le premier enfant d’un certain type, utilisez :firt-of-type