GetInfo.Ru – Компьютерная библиотека
Последние поступления
Как выбрать систему управления базы данных
Базы данных03/09/14
Этапы загрузки UNIX (в схеме)
Unix27/03/12
Gatewall Antispam: тотальный контроль электронной почты
Спам21/04/11
Мастер-класс: создаем Интернет-магазин (Часть 1)
Обзоры ПО20/04/11
CorelDRAW Graphics Suite X5: Что нового?
Обзоры ПО20/07/10
Добавить статью
Самые читаемые материалы
Динамическое изменение цвета фона ячеек(28016)
Основы работы со слоями(16236)
Единицы измерения CSS(13265)
Шрифты и CSS(10866)
Использование CSS для блочных элементов(10135)
Всего статей: 793Всего авторов: 364Подразделов: 47Добавлено за сутки: 0
Статьи  СТАТЬИ Форум  ФОРУМ Рейтинг  РЕЙТИНГ Поиск  ПОИСК Контакты  КОНТАКТЫ
» Главная » CSS/DHTML » Применение нескольких классов к элементу

Применение нескольких классов к элементу


Александр Шуркаев
alshur@narod.ru
http://htmlcoder.visions.ru/

Частенько случается ситуация, когда к элементу хотелось бы применить не один, а сразу два (а иногда и три) класса. До недавних пор приходилось выкручиваться примерно так:

.red, .redAndBig {color : darkred}
.big, .redAndBig {font-size : 200%; font-weight : bold}

Другими словами, в нашем примере мы ввели класс .redAndBig, который объединяет свойства классов .red и .big. Объединённый класс задаём в HTML таким образом:

<p class="redAndBig">Красный. И большой.</p>

Но спецификация CSS Level 2 позволяет задавать у элемента более одного класса. Для этого достаточно разделить названия классов пробелом:

<p class="red big">Красный. И большой.</p>

Получается наглядно и красиво. Огорчает только тот факт, что эта конструкция работает только в Internet Explorer 5+, Opera 4+ и Netscape Navigator 6+. В более ранных версиях браузеров при таком раскладе к элементу не будет применён ни один стиль…

 
28.01.2003
Версия для печати Версия для печати Запомнить ссылку Запомнить ссылку
Ваша оценка:  1   2   3   4   5     

 О проектеПерепечаткаАвторамПартнерыО нас пишут
Наверх
©2003—2007. GETINFO.RU. ВСЕ ПРАВА ЗАЩИЩЕНЫ.