Pseudo-classe only-child
La pseudo-classe only-child seleziona un elemento
che è l'unico figlio del suo genitore.
Sintassi
selettore:only-child {
}
Esempio
In questo esempio renderemo li di colore rosso,
se è l'unico figlio del genitore ul:
<ul>
<li>voce di lista</li>
</ul>
<ul>
<li>voce di lista</li>
<li>voce di lista</li>
<li>voce di lista</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
:
