Селектори ідентифікатора

Селектор ідентифікатора CSS дають збіг з елементом на основі значення атрибута id цього елемента. Щоб елемент був вибраний, його атрибут id повинен точно відповідати значенню, вказаному в селекторі.

/* Елемент з id="demo" */
#demo {
  border: red 2px solid;
}

Синтаксис

#id_value { style properties }

Зверніть увагу на те, що синтаксично (але не щодо специфічності) це рівносильно наступному селектору атрибута:

[id=id_value] { style properties }

Приклади

CSS

#identified {
  background-color: skyblue;
}

HTML

<div id="identified">На цьому div є особливий ідентифікатор!</div>
<div>Це лишень звичайний div.</div>

Результат

Специфікації

Сумісність із браузерами

Дивіться також

• Селектори CSS
• Вивчаймо CSS – Селектори