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

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

*#first-para {font-weight: bold;}

Оно устанавливает полужирный шрифт для любого элемента, атрибут id которого имеет значение first-para. Второе отличие – вместо значений атрибута class в селекторах идентификаторов, что и не удивительно, используются значения атрибутов id. Вот пример селектора идентификатора в действии:

*#lead-para {font-weight: bold;}

Этот параграф будет выделен полужирным шрифтом.


Этот параграф НЕ будет выделен полужирным шрифтом.



Обратите внимание, что значение lead-para можно было бы присвоить любому элементу документа. В этом конкретном случае оно присваивается первому абзацу, но его можно легко применить и ко второму, и к третьему абзацу. Как и в селекторах класса, в селекторе идентификатора можно опустить универсальный селектор. В предыдущем примере можно было бы написать:

#lead-para {font-weight: bold;}

Результат не изменился бы.

Оцените статью: (0 голосов)
0 5 0

Статьи из раздела CSS на эту тему:
Выбор дочерних элементов
Выбор конкретного атрибута
Выбор между селектором классов и селектором идентификаторов
Выбор на основании конкретного значения атрибута
Выбор первого дочернего элемента

Вернуться в раздел: CSS / 2. Селекторы