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

id selector

Поддержка браузерами
Настольные браузеры Chrome Firefox (Gecko) Internet Explorer Opera Safari
Поддержка браузерами support selectors support selectors support selectors support selectors support selectors
Мобильные браузеры Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Поддержка браузерами support selectors support selectors support selectors support selectors support selectors
Селектор идентификатора
element#id — этот селектор позволяет применить стили к элементу который имеет уникальный идентификатор
Правила записи

element#id { свойство: значение; }

  • Уникальный идентификатор с каким-то определенным именем может только единожды встречаться в документе, поэтому допускается не ставить элемент перед идентификатором, стиль все равно будет применен к элементу
  • Перед именем идентификатора необходимо ставить знак #
  • Пробел между знаком # и именем идентификатора не допускается
Примеры

<p id="one">Стили будут применены к этому элементу, так как он имеет уникальный идентификатор с именем one</p>

<p id="one">Стили также будут применены к этому элементу, так как имя универсального идентификатора one может встречаться только единожды в документе</p>

Поделиться