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

4 года назад

Человек-Молекула

Ответы

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

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

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

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

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

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

3 года назад

Кирилл Маркеев

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

Пример:

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

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

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

год назад

Алёна Шереметьева

1 месяц

Позиционирование в CSS

Навык разработки адаптивных интерфейсов, позволяющий создавать удобные и функциональные решения для различных устройств

5 месяцев

Профессиональная верстка

Навык адаптивной вёрстки с современными подходами для корректного отображения сайтов на любых устройствах и разрешениях

1 месяц

SASS

Навык работы с препроцессором SASS для эффективной и структурированной стилизации веб-приложений

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

Основы веб-разработки

Основы HTML, CSS, блочная модель, основы Javascript, синтаксис, арифметика, условия, циклы, функции, поиск ошибок

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