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

их применение подразумевает некоторое предварительное планирование и проработку.

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

р {font-weight:bold;}

Полужирным шрифтом будут выделены все абзацы, а не только те, в которых содержится предупреждение. Нужен способ, позволяющий выбрать только тот текст, в котором содержатся предупреждения, или, говоря строже» способ выбрать только те элементы, которые являются предупреждениями. Как это сделать? С помощью селекторов класса вы применяете стили только к тем частям документа, которые были отмечены определенным образом» независимо от входящих в них элементов.

Селекторы классов

Самый распространенный способ применения стилей без учета элементов состоит в том, чтобы обратиться к селекторам классов. Однако сначала придется изменить разметку документа таким образом, чтобы обеспечить возможность работы селекторов класса. Введите атрибут

class:

<р class="warning">npH работе с плутонием необходимо предпринять меры по недопущению достижения критической массы.</р>

<р>При работе с плутонием <span class="warning">cyuiecTeyeT реальная возможность взрыва, которую надо избежать любой ценой</Брап>. Это может быть достигнуто путем разделения масс.</р>

Чтобы связать стили селектора класса с элементом, необходимо присвоить соответствующее значение атрибуту class данного элемента. В предыдущем коде значение warning было присвоено двум элементам:первому абзацу н элементу span во втором абзаце.

Вам всего лишь нужен способ применения стилей к этим элементам заданного класса. В HTML-документах возможна очень краткая запись, в которой имени класса предшествует точка (. )> ^{и оно} может быть объединено с простым селектором:

warning {font-weight; bold;}