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

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

## Синтаксис

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

## Пример

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

`<ol> <li>list item</li> <li>list item</li> <li>list item</li> <li>list item</li> <li>list item</li> </ol>` `li:first-child { color: red; }`

:

←→
↑