Pseudo-klassen only-child
Pseudo-klassen only-child väljer ett element
som är förälderns enda barn.
Syntax
selektor:only-child {
}
Exempel
I detta exempel kommer vi att göra li röd
om det är förälderns enda barn ul:
<ul>
<li>listobjekt</li>
</ul>
<ul>
<li>listobjekt</li>
<li>listobjekt</li>
<li>listobjekt</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
: