Справочник HTML & CSS

#id

Выбирает единственный элемент с указанным атрибутом `id`.

Синтаксис

#name { … }

Параметры

Параметр	Тип	Описание
#name	id	Элемент с `id="name"`.

Примеры

У id специфичность выше, чем у класса, поэтому побеждает его цвет:

<style>
  #main-title { color: crimson; }
  .title { color: gray; }
</style>
 
<h2 id="main-title" class="title">The id wins over the class</h2>

Примечания

id должен быть уникальным на странице. Специфичность у него так высока, что перекрыть его потом трудно, поэтому для стилей берите классы, а id оставьте для якорных ссылок, <label for> и JavaScript.

См. также

.class — Выбирает элементы, у которых в атрибуте `class` есть указанный класс.
:target — Срабатывает у элемента, чей `id` совпадает с фрагментом адреса после `#`.
id — Уникальный идентификатор элемента на странице.

В учебнике

Селекторы — Как выбрать элементы для оформления — по тегу, классу, id, вложенности и атрибуту.

Спасибо, что читаете!

#id