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

Аватар пользователя Кирилл Маркеев
Кирилл Маркеев
04 ноября 2022

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

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

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

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

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

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

0 0

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

Пример:

<div>
     <p>услуги</p>
     <p>о нас</p>
</div>
p:nth-child(1) { 
font-weight: 700; 
}

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

0 0

Похожие вопросы