Cette pseudo-classe permet de déterminer un style spécifique à une balise placée en première position au sein d'un élément parent.

Cette pseudo-classe peut être utilisée avec les classes descendantes afin de localiser contextuellement la balise en question et de lui appliquer un style.

Par exemple, si nous voulions atteindre la balise <span> au sein d'un élément <div>, il faudrait écrire la ligne de commande suivante :

<span> ... </span>
<div>
  <span> ... </span>
  <span> ... </span>
</div>

div span:first-child {font-family: "Times New Roman"}
Exemple
<html>
  <head>
    <style>
      <--
      Balise:first-child... {Propriété1:Valeur1;...}
      ...
      Règles de style
      ...
      -->
    </style>
    ...
  </head>
  <body>
    <Balise>
      <Premier_Enfant>
            ...
      </Premier_Enfant>
      ...  
    </Balise>
    ...
    Diverses commandes HTML
    ...
  </body>
</html>
Compatibilité
Windows Macintosh
NE4 NE6 NE7 IE5 IE55 IE6 OP5 OP6 OP7 NE4 NE6 NE7 IE4 IE5