В отличие от селекторов класса, определяющих стиль для группы элементов, селекторы ID используются для присваивания стиля одному конкретному элементу. Чтобы воспользоваться таким селектором, необходимо прежде всего добавить атрибут id элементу, стиль которого должен быть изменен. Важно помнить, что идентификатор (ID) в HTML-документах уникален:

<p id="tagline">Этот параграф с уникальным идентификатором ID “tagline".</p>

В качестве ссылки на данный элемент (посредством селектора ID) необходимо указать идентификатор с предшествующим ему знаком «решетка» (#). К примеру, следующее правило стиля задает белый цвет шрифта для приведенного выше абзаца:

#tagline {
color: #FFFFFF;
}

Селекторы ID можно использовать совместно с селекторами других типов. В следующем примере правило стиля применяется ко всем элементам класса new, расположенным внутри абзаца со значением tagline
атрибута id:

#tagline .new {
font-weight: bold;
color: #FFFFFF;
}

Использованный в данном примере селектор называется контекстным;

селекторам этого типа посвящен следующий раздел.