Pseudoklasse only-child

Der Pseudoklasse only-child wählt ein Element aus, das das einzige Kind seines Elternelements ist.

Syntax

cssSelektor:only-child {
  
}

Beispiel

In diesem Beispiel färben wir ein li rot, wenn es das einzige Kind des Elternelements ul ist:

html<ul>
  <li>Listenelement</li>
</ul>

<ul>
  <li>Listenelement</li>
  <li>Listenelement</li>
  <li>Listenelement</li>
</ul>

cssli:only-child {
  color: red;
}

ul {
  margin-bottom: 10px;
}

Результат: