Codebra
25 января 2026 в 18:17

Урок 7. Селекторы идентификаторов (id селекторы) в CSS

Что такое селекторы идентификаторов, где применяются идентификаторы, отличия от селекторов класса.
📝

Внимание! На этой странице вы найдете материал урока из архивного курса по CSS. Курс был написан в 2015 и по-прежнему актуален для начинающих веб-разработчиков.

Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.

Полный список уроков доступен по тегу Архивный курс по CSS и на странице первого урока.

📋 Задание
  • Вам дан CSS код, в котором создан один идентификатор. Напишите абзац с любым текстом и используйте этот идентификатор

Селекторы идентификаторов и селекторы классов имеют много общего. Мы сосредоточимся на различиях. Первым различием является то, что перед селекторами идентификаторов ставится решетка (#), а не точка. В следующем примере показан селектор идентификатора:

#first_id {
    font-weight: bold;
}

Вторым отличием является атрибут, который применяет идентификатор к элементу. Вместо class, используется атрибут id. Это показано в следующем примере:

<p id = "first_id">абзац</p>
💡 Примечание

Идентификатор должен быть уникальным в пределах одной веб-страницы. Нельзя указывать для двух элементов веб-документе одинаковое значение атрибута id.

В следующем уроке начнем знакомиться с селектора и атрибутов.

📝

Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу CSS.