CSS. Каскадные таблицы стилей. Подробное руководство.Символ-Плюс 2008

<h1 id="mostImportant">3To важно!</h1> <em id="mostImportant">3TO важно! </еяп> <ul id="mostImportant">3TO важно!</ul>

Также заметьте, что в зависимости от языка документа селекторы идентификаторов могут быть чувствительными к регистру. Языки HTML и XHTML определяют имена классов и идентификаторы как чувствительные к регистру, поэтому использование в значениях класса и идентификаторах заглавных букв должно соответствовать тому, что находится в ваших документах. Таким образом, в следующем объединении CSS и HTML элемент не будет выделен полужирным шрифтом:

p.criticallnfo {font-weight:bold;}

<р class="criticalinfo">He смотрите вниз.</р>

Из-за несовпадения регистра буквы «I» селектор не выберет данный элемент.

Некоторые старые броузеры рассматривают имена классов и идентификаторы без анализа регистра написания, но во всех современных броузерах чувствительность к регистру реализована.

Селекторы атрибутов

И в селекторах классов, и в селекторах идентификаторов речь на самом деле идет о выборе значений атрибутов. Синтаксис двух предыдущих разделов подходит (на момент написания данной книги) для документов HTML, SVG и MathML. В других языках разметки эти селекторы классов и идентификаторов могут отсутствовать. Для разрешения этой ситуации в CSS2 были введены селекторы атрибутов (iattribute selectors), которые могут применяться для выбора элементов на основании их атрибутов и значений этих атрибутов. Существует четыре типа селекторов атрибутов.

Селекторы атрибутов поддерживаются броузерами Safari, Opera и всеми (теско-броузерами, но ие поддерживаются Internet Explorer вплоть до 1Е5/Мас и 1Е6/Windows. IE7 полиостью поддерживает все селекторы атрибутов CSS2.1, а также некоторые селекторы атрибутов CSS3, рассматриваемые в данном разделе.

Простой выбор атрибутов

Для того чтобы выбрать элементы с определенным атрибутом независимо от значения этого атрибута, можно обратиться к простому селектору атрибутов. Например, чтобы выбрать все элементы hi, имеющие атрибут class с любым значением, и сделать их текст серебряным, напишите:

h1[f,lassl {color:silver;}