Синтаксис таблицы стилей для селектора типа «класс» практически не отличается от применяемого в том случае, когда селектором является элемент. Единственное различие состоит в том, что для инициализации класса используются имена, не совпадающие с названиями элементов, а само описание начинается с символа . (точка), например:
.myclass {text-align:right; color:blue}
[название класса] [{свойство:значение; свойство:значение}]
Имя class изначально не входило в список зарезервированных имен языка XHTML. Для использования класса стилей в элемент, на который должен воздействовать стиль, включается атрибут class.
Пример. Листинг 11.1 содержит три небольших абзаца. Необходимо применить различные стили для изображения среднего и двух крайних абзацев с помощью стиля типа class.
Листинг 11.1. Программа class.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" http://www.w3.org/TR/xhtmll/DTD/xhtmll-strict.dtd"> <html xmlns ="ht tp://www.w3.org/1999/xhtml" xml:lang="ru"> <head>
<link rel="stylesheet" href="class.ess"/>
</head>
<body>
<р>Быструю лисицу ленивой собаке не догнать</р>
<р>Лисице просто повезло, что такая собака не сможет ее догнать</р> <р>Быструю лисицу ленивой собаке не догнать</р>
</body> </html>
В таблице стилей будут записаны только два правила:
р {text-align:left; color:black} .newp {text-align:right; color:blue}
Тэг <p> второго абзаца должен выглядеть так:
<р class="newp">
Для значения атрибута class в листинге используется абстрактное имя класса без ведущего символа «точка». Посмотрите, насколько изображение второго абзаца на рис. 11.3 отличается от первого и третьего.
Примечание В предыдущем примере для элемента р применялось базовое правило стиля. Однако совершенно необязательно, чтобы описание таблицы стилей с селектором class предшествовало использованию стиля.
Опубликовал vovan666
April 08 2013 14:57:25 ·
0 Комментариев ·
2839 Прочтений ·
• Не нашли ответ на свой вопрос? Тогда задайте вопрос в комментариях или на форуме! •
Комментарии
Нет комментариев.
Добавить комментарий
Рейтинги
Рейтинг доступен только для пользователей.
Пожалуйста, залогиньтесь или зарегистрируйтесь для голосования.
Нет данных для оценки.
Гость
Вы не зарегистрированны? Нажмите здесь для регистрации.
Главная
Каталог файлов
