Pseudo-luokka only-child
Pseudo-luokka only-child valitsee elementin,
joka on vanhemmansa ainoa lapsi.
Syntaksi
valitsija:only-child {
}
Esimerkki
Tässä esimerkissä teemme li-elementistä punaisen,
jos se on vanhemman ul ainoa lapsi:
<ul>
<li>list item</li>
</ul>
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
:
