Pseudo-classe only-child
La pseudo-classe only-child sélectionne un élément
qui est l'unique enfant de son parent.
Syntaxe
sélecteur:only-child {
}
Exemple
Dans cet exemple, nous allons colorer li en rouge
s'il est l'unique enfant du parent ul :
<ul>
<li>élément de liste</li>
</ul>
<ul>
<li>élément de liste</li>
<li>élément de liste</li>
<li>élément de liste</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
:
