Как обратиться к первому элементу css

Обратиться к первому элементу внутри родителя можно с помощью псевдокласса :first-child.

Например, мы хотим поменять цвет шрифта у первого параграфа:

<div>
  <p>Параграф 1</p>
  <p>Параграф 2</p>
  <p>Параграф 3</p>
</div>

Воспользуемся псевдоклассом:

div p:first-child {
  color: red;
}

Цвет у первого параграфа поменяется на красный.

Чтобы обратиться к первому элементу в CSS, можно использовать псевдокласс nth-child(1).

Пример:

<div>
     <p>услуги</p>
     <p>о нас</p>
</div>

p:nth-child(1) { 
font-weight: 700; 
}

Только первый элемент абзаца увеличивает жирность