Псевдоклас 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;
}

Результат: