/ Code Css :only-child | Résultat du code Css :only-child | Copie d'écran / J'ai vu une erreur dans cette page

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

<style type="text/css">
div.onlychild  {
 border:1px solid red
}
div.onlychilda b {
 border:1px solid red
}
</style>
<div class="onlychild">
<div>Premier child</div>
<div>Second child</div> 
</div>
<br>
<div class="onlychild">
<div>Premier child</div>
</div>
<br>
<div class="onlychild">Du texte 
<span>Premier child</span> <b>Second child</b> <span>Troisième child</span> <b>Quatrième fils  <span>Premier child du Quatrième child</span></b>
<div>Cinquième child <span>Premier child <b>Premier child du Premier child</b></span> <span>Second child</span> <span>Troisième child</span></div>
</div>
<br>
<div class="onlychilda">Du texte 
<span>Premier child</span> <b>Second child</b> <span>Troisième child</span> <b>Quatrième fils  <span>Premier child du Quatrième child</span></b>
<div>Cinquième child <span>Premier child <b>Premier child du Premier child</b></span> <span>Second child</span> <span>Troisième child</span></div>
</div>

Interprétation du code du sélecteur :only-child CSS par votre navigateur.

Premier child
Second child

Premier child

Du texte Premier child Second child Troisième child Quatrième fils Premier child du Quatrième child
Cinquième child Premier child Premier child du Premier child Second child Troisième child

Du texte Premier child Second child Troisième child Quatrième fils Premier child du Quatrième child
Cinquième child Premier child Premier child du Premier child Second child Troisième child

Interprétation normale du code du sélecteur CSS :only-child (copie d'écran).

copie d'écran de l'affichage du sélecteur CSS :only-child