A pseudoclasse only-child
A pseudoclasse only-child seleciona um elemento
que é o único descendente de seu pai.
Sintaxe
seletor:only-child {
}
Exemplo
Neste exemplo, vamos colorir li de vermelho
se for o único descendente do pai ul:
<ul>
<li>item da lista</li>
</ul>
<ul>
<li>item da lista</li>
<li>item da lista</li>
<li>item da lista</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
:
