Pseudotřída only-child
Pseudotřída only-child vybere element,
který je jediným potomkem svého rodiče.
Syntaxe
selektor:only-child {
}
Příklad
V tomto příkladu nastavíme li červenou barvu,
pokud je jediným potomkem rodiče ul:
<ul>
<li>položka seznamu</li>
</ul>
<ul>
<li>položka seznamu</li>
<li>položka seznamu</li>
<li>položka seznamu</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
:
