Pseudoklasa only-child
Pseudoklasa only-child wybiera element,
który jest jedynym potomkiem rodzica.
Składnia
selektor:only-child {
}
Przykład
W tym przykładzie ustawimy kolor li na czerwony,
jeśli jest jedynym potomkiem rodzica ul:
<ul>
<li>element listy</li>
</ul>
<ul>
<li>element listy</li>
<li>element listy</li>
<li>element listy</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
:
