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

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

.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+. В более ранных версиях браузеров при таком раскладе к элементу не будет применён ни один стиль

Автор: Александр Шуркаев

Оцени публикацию:
  • 4,20
Оценили человек: 4

Похожие статьи:

Справочники и учебники:


Предложения и пожелания:
Ваше имя:
Ваш E-mail:
Сколько будет Οдин + Τри
Главная
X

youtube.com/watch?v=7hFivbgIEqk

При полном или частичном использовании материалов данного сайта, ссылка на сайт "yapro.ru" обязательна как на источник информации.
Автоматический импорт материалов и информации с сайта запрещен.
Copyrights © 2007 - 2018 YaPro.Ru

Главная » Веб-мастеру » CSS »