Псевдокласс :first-child в CSS позволяет стилизовать первый дочерний элемент своего родителя. 25 Это полезно для выделения первого элемента в группе однотипных элементов, таких как списки или абзацы. 2

Синтаксис: селектор:first-child { свойства: значения; }. 2

Пример использования: выделение первого элемента списка жирным шрифтом и красным цветом: 2

/* Стилизация первого элемента списка */li:first-child { font-weight: bold; color: red; }. 2

Ещё один пример: стилизация первого параграфа внутри div, преобразование его в верхний регистр: 2

/* Стилизация первого параграфа в div */div p:first-child { text-transform: uppercase; }. 2

Важно учитывать, что псевдокласс :first-child не будет работать, если первый элемент родителя не является дочерним. 1 Например, если перед первым элементом есть текстовый узел, псевдокласс не сработает. 1