В некотором смысле селекторы идентификаторов аналогичны селекторам классов, но есть несколько существенных отличий. Во-первых, перед селекторами идентификаторов вместо точки ставится «решетка» (#), называемая также знаком фунта, диезом и даже полем для игры в крестики-нолики. Таким образом, возможно и такое правило:
*#first-para {font-weight: bold;}
Оно устанавливает полужирный шрифт для любого элемента, атрибут id которого имеет значение first-para. Второе отличие – вместо значений атрибута class в селекторах идентификаторов, что и не удивительно, используются значения атрибутов id. Вот пример селектора идентификатора в действии:
*#lead-para {font-weight: bold;}
<p id="lead-para">Этот параграф будет выделен полужирным шрифтом.</p>
<p> Этот параграф НЕ будет выделен полужирным шрифтом.</p>
Обратите внимание, что значение lead-para можно было бы присвоить любому элементу документа. В этом конкретном случае оно присваивается первому абзацу, но его можно легко применить и ко второму, и к третьему абзацу. Как и в селекторах класса, в селекторе идентификатора можно опустить универсальный селектор. В предыдущем примере можно было бы написать:
#lead-para {font-weight: bold;}
Результат не изменился бы.