Pseudoklasas only-child

Pseudoklasas only-child pasirenka elementą, kuris yra vienintelis tėvinio elemento įpėdinis.

Sintaksė

cssselektorius:only-child {
  
}

Pavyzdys

Šiame pavyzdyje mes padarysime li raudonos spalvos, jei jis yra vienintelis tėvinio elemento ul įpėdinis:

html<ul>
  <li>sąrašo elementas</li>
</ul>

<ul>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
  <li>sąrašo elementas</li>
</ul>

cssli:only-child {
  color: red;
}

ul {
  margin-bottom: 10px;
}

Результат: