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

Псевдокласс first-child выбирает элемент, который является первым потомком родителя.

Синтаксис

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

Пример

В данном примере мы сделаем красного цвета тот li, который является первым потомком своего родителя (первым внутри ol):

html<ol>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
  <li>list item</li>
</ol>

cssli:first-child {
  color: red;
}

Результат: