Pseudo trieda only-child
Pseudo trieda only-child vyberá element,
ktorý je jediným potomkom rodiča.
Syntax
selektor:only-child {
}
Príklad
V tomto príklade urobíme li červenej farby,
ak je jediným potomkom rodiča ul:
<ul>
<li>položka zoznamu</li>
</ul>
<ul>
<li>položka zoznamu</li>
<li>položka zoznamu</li>
<li>položka zoznamu</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
: