Pseudo-class only-child

Pseudo-class only-child valib elemendi, mis on vanema ainus järglane.

Süntaks

cssvalija:only-child {
  
}

Näide

Selles näites muudame li punaseks, kui see on vanema ul ainus järglane:

html<ul>
  <li>loendi element</li>
</ul>

<ul>
  <li>loendi element</li>
  <li>loendi element</li>
  <li>loendi element</li>
</ul>

cssli:only-child {
  color: red;
}

ul {
  margin-bottom: 10px;
}

Результат: