Pseudo-classe only-child

La pseudo-classe only-child sélectionne un élément qui est l'unique enfant de son parent.

Syntaxe

csssélecteur:only-child {
  
}

Exemple

Dans cet exemple, nous allons colorer li en rouge s'il est l'unique enfant du parent ul :

html<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>

cssli:only-child {
  color: red;
}

ul {
  margin-bottom: 10px;
}

Результат: