Pseudoklasse only-child
Der Pseudoklasse only-child wählt ein Element aus,
das das einzige Kind seines Elternelements ist.
Syntax
Selektor:only-child {
}
Beispiel
In diesem Beispiel färben wir ein li rot,
wenn es das einzige Kind des Elternelements ul ist:
<ul>
<li>Listenelement</li>
</ul>
<ul>
<li>Listenelement</li>
<li>Listenelement</li>
<li>Listenelement</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
:
