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