A pseudoclasse only-child
A pseudoclasse only-child seleciona um elemento
que é o único descendente de seu pai.
Sintaxe
cssseletor:only-child {
}
Exemplo
Neste exemplo, vamos colorir li de vermelho
se for o único descendente do pai ul:
html<ul>
<li>item da lista</li>
</ul>
<ul>
<li>item da lista</li>
<li>item da lista</li>
<li>item da lista</li>
</ul>cssli:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
Результат: