პსევდოკლასი only-child

პსევდოკლასი only-child ირჩევს ელემენტს, რომელიც მშობლის ერთადერთი შვილია.

სინტაქსი

cssარჩევითი:only-child {
  
}

მაგალითი

ამ მაგალითში ჩვენ გავაფერადებთ li წითლად, თუ ის მშობლის ul ერთადერთი შვილია:

html<ul>
  <li>სიის ელემენტი</li>
</ul>

<ul>
  <li>სიის ელემენტი</li>
  <li>სიის ელემენტი</li>
  <li>სიის ელემენტი</li>
</ul>

cssli:only-child {
  color: red;
}

ul {
  margin-bottom: 10px;
}

Результат: