CSS селектор идентификатора

Селектор идентификатора применяет CSS-стили к HTML-элементу, у которого есть глобальный атрибут id с соответствующим значением. Именем для селектора идентификатора может выступать любое произвольное название. В CSS-коде для обращения к идентификатору перед его именем ставится решётка (#):

#myID { color: red; }

В HTML-документе допускается только один экземпляр заданного значения атрибута id. То есть значения атрибутов id не должны повторяться в рамках одного HTML-документа. Определённое значение атрибута id может быть использовано на странице только один раз с тем элементом, для которого оно предназначалось. Если вы хотите применить стиль более чем к одну элементу, следует использовать селектор класса.

При выборе имени идентификатора необходимо учитывать следующие правила:

• в имени идентификатора разрешается использовать только буквы, числа, дефис и знак подчёркивания;
• имя идентификатора всегда должно начинаться с буквы;
• имена идентификаторов чувствительны к регистру символов, например: #Menu и #menu это два разных идентификатора.

Пример

#catName { background: DarkGreen; color: white; }

<p>Моего кота зовут <span id="catName">Микки</span>,
он любит спать и мурчать.</p>