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

Рис. 2.8. Применение универсальных и специальных селекторов для объединения стилей

Другой вариант - комбинирование общего селектора классов и селектора классов» предназначенного для конкретного элемента, чтобы сделать стили еще более полезными, как в следующей разметке:

.warning {font-style:italic;} span.warning {font-weight:bold;}

Результаты показаны на рис. 2.8.

В данном случае любой текст предупреждения будет выделен курсивом, но только текст элементов span, значение атрибута class которых равно warning, будет выделен полужирным шрифтом и курсивом.

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

Множественные классы

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

<р class="urgent warning">flpn работе с плутонием необходимо предпринять меры

по недопущению достижения критической массы.</р>

<р>При работе с плутонием <span class="warning">cymecTByeT реальная

возможность взрыва, которую надо избежать любой ценой</Брап>.

Это может быть достигнуто путем разделении масс </р>