Sélecteur :ONLY-CHILD
Rôle
Le sélecteur only-child est une pseudo-classe désigné par la syntaxe :only-child qui permet de cibler chaque élément qui est le seul enfant de son parent.
: il doit n’y avoir aucun autre élément situé au même niveau hiérarchique que celui sur lequel s’applique le sélecteur only-child.
Dans l’exemple ci-dessous, le paragraphe de la première div est rouge car il est le seul enfant.
p:only-child{
color: red;
}
<div>
<p>Lorem ipsum dolor sit amet</p>
</div>
<div>
<h1>titre</h1>
<p>Lorem ipsum dolor sit amet</p>
</div>
Version : CSS3
Testez vous-même ce sélecteur
Compatibilité
Le sélecteur only-child est pris en charge par tous les principaux navigateurs
A partir d’Internet Explorer 9.
A voir aussi
:first-child
:first-of-type
:only-child
:last-of-type
:nth-child(n)
:nth-of-type(n)
:nth-only-child(n)
:nth-last-of-type(n)
:only-of-type
