Exemple de code du sélecteur CSS :first-child.

<style type="text/css">
div.firstchild :first-child {
  border:1px solid red; 
}
div.firstchilda span:first-child {
  border:1px solid red; 
}
</style>
<div class="firstchild">Du texte <div>Premier child</div> <div>Second child</div> <div>Troisième child</div> Quatrième child ?</div>
<br><div class="firstchild">
<div>Du texte <span>Premier child</span> <span>Second child <b>Premier child du Second child</b></span> <span>Troisième child</span><span>Troisième child</span></div>
<div>Du texte <span>Premier child</span> <span>Second child</span> <span>Troisième child</span></div>
<div>Du texte <i>Premier child</i> <span>Second child</span> <span>Troisième child</span> <span><u>Premier child  du Quatrième child</u> <span>Second child du Quatrième child</span></span>
</div> Quatrième child ?</div>
<br>
<br><div class="firstchilda">
<div>Du texte <span>Premier child</span> <span>Second child <b>Premier child du Second child</b></span> <span>Troisième child</span><span>Troisième child</span></div>
<div>Du texte <span>Premier child</span> <span>Second child</span> <span>Troisième child</span></div>
<div>Du texte <i>Premier child</i> <span>Second child</span> <span>Troisième child</span> <span><u>Premier child  du Quatrième child</u> <span>Second child du Quatrième child</span></span>
</div> Quatrième child ?</div>