дать несколько правил, Web-браузер будет 
форматировать элемент в соответствии с последним правилом списка стилей. 
Например, второе правило в приведенном ниже наборе правил заменяет дей- 
ствие первого правила: 
 
Как результат, текст всех абзацев будет выводиться шрифтом черного цвета 
размером 12 пунктов. 
Для применения к одному элементу Web-страницы нескольких правил спис- 
ков стилей необходимо для каждого правила определить класс с уникальным 
именем. После определения класса его форматирование можно применить к эле- 
менту за счет указания в HTML-дескрипторе элемента атрибута class: 
<р class=MIlMH-Bamero-CSS -Класса" > 
ПРАКТИКУМ 
Предположим, например, что необходимо создать класс для представления важ- 
ного текста и еще один класс — для обычного текста. Для создания двух классов 
правил1 каскадного списка стилей, правила должны вводиться следующим обра- 
зом:

1 8 6 Глава 4. Каскадные списки стилей 
 
 
 
 
Класс правил каскадного списка стилей может иметь произвольное имя. Тем 
не менее, между селектором (для HTML-дескриптора) и именем класса в описа- 
нии правил всегда должна находиться точка (.). 
После считывания приведенного выше описания стилей Web-браузер будет 
иметь в своем распоряжении два класса стилей для текста абзаца: p. critical и 
p.regular. Стиль p.critical будет присваивать абзацу полужирный шрифт 
красного цвета размером 18 пунктов, а стиль p.regular — шрифт черного цвета 
размером 12 пунктов. Следующий код служит примером использования классов 
каскадных списков стилей для форматирования текста абзацев на Web-странице: 
 
 
 
 
 
 
TeKCT, выводимый шрифтом красного цвета, размером 
18 пунктов, полужирным начертанием 
<р class="normal">Текст, выводимый шрифтом черного цвета, размером 12 
пунктов 
 
 
Для элементов, параметры форматирования которых не определены в списке 
стилей, Web-браузер будет использовать форматирование по умолчанию. Напри- 
мер, поскольку правила списка стилей в приведенном выше коде не устанавлива- 
ют тип шрифта, скажем, Arial или Helvetica, браузер будет использовать тип 
шрифта по умолчанию. На рис. 4.6 показано, каким образом Web-страница, 
описываемая приведенным выше HTML-кодом, будет выглядеть в Web-браузере. 
Чтобы описания классов каскадных списков стилей были более гибкими, убе- 
рите из описаний селекторы. Например, как определено в списке стилей, вне- 
дренном в заголовок предыдущей Web-страницы, классы правил для важного 
("critical") и обычного ("normal") текста доступны только для дескрипторов 
<р>. Поскольку для обоих классов в правилах указан селектор абзаца (р), прави- 
ла класса "важного" текста нельзя применить, например, для заголовка, как по- 
казано в следующей строке кода:

Глава 4. Каскадные списки стилей 
3To критический заголовок 
При условии, что классы правил списка стилей определены таким же обра- 
зом, как для Web-страницы, показанной на рис. 4.6, браузер выведет на экран 
заголовок уровня 1 стилем по умолчанию, поскольку для заголовков уровня 1 
класс "critical11 не определен. 
файл Прввко йид Сзрвис Оправка 
•&Врес #] http //html-v/ebdesign/ChapterO"Ч/FigureD4-G6 turn 
Текст, выводимый шрифтом красного цвета, размером 
18 пунктов, полужирным начертанием 
Текст, выводимый шрифтом черного цвета, размером 12 пунктов 
11 
-7} 
J 
Рис. 4.6. Селекторы класса позволяют быстро изменить форматирование текста в 
браузере 
Тем не менее, если в описании класса опустить селектор, как показано приве- 
денном ниже примере кода, имя класса может использоваться для форматирова- 
ния любого дескриптора Web-страницы: