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

Селекторы идентификаторов и селекторы классов очень похожи, но есть различия. Первый различием является то, что перед селекторами идентификаторов ставится решетка (#), а не точка, как у селекторов класса. В примере 1 показано, как выглядит селектор идентификатора.

#first_id {
    font-weight: bold;
}

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

<p id = "first_id">абзац</p>

И самое главное: идентификатор может применятся один раз на одной странице!

Чтобы использовать все функции сайта (например, сохранение прогресса прохождения уроков), вам нужно авторизоваться

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

– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter.

– Не знаете как сделать? Нажмите на кнопку Обсуждение и задайте вопрос!