Краткое описание
В HTML-документах CSS-селекторы по ID производят выборку всех элементов по ID, полностью совпадающих с селектором.
Синтаксис
#id_value { style properties }
То же самое — селектор по атрибутам:
[id=id_value] { style properties }
Пример
span#identified {
background-color: DodgerBlue;
}
<span id="identified">Тут span с каким-то текстом.</span> <span>Здесь тоже span.</span>
Спецификации
| Спецификация | Статус | Комментарий |
|---|---|---|
| Selectors Level 4 Определение 'ID selectors' в этой спецификации. |
Рабочий черновик | |
| Selectors Level 3 Определение 'ID selectors' в этой спецификации. |
Рекомендация | |
| CSS Level 2 (Revision 1) Определение 'ID selectors' в этой спецификации. |
Рекомендация | |
| CSS Level 1 Определение 'ID selectors' в этой спецификации. |
Рекомендация | Изначальное определение |
Поддержка браузерами
We're converting our compatibility data into a machine-readable JSON format.
This compatibility table still uses the old format,
because we haven't yet converted the data it contains.
Find out how you can help!
| Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Basic support | (Да) | (Да) | (Да) | (Да) | (Да) |
| Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
| Basic support | ? | ? | ? | ? | ? | ? |