Псевдокласс first-child

Псевдокласс first-child ата-анасының бірінші баласы болып табылатын элементті таңдайды.

Синтаксис

cssселектор:first-child {
  
}

Мысал

Бұл мысалда біз өзінің ата-анасының бірінші баласы (ol ішіндегі бірінші) болып табылатын li түсін қызыл етеміз:

html<ol>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
  <li>тізім элементі</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: