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