Реальный пиарHTMLCSS → Применение нескольких классов к элементу

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

что такое браузер

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

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


Источник: http://htmlcssjs.ru

Рекомендуем



Оформление гиперссылок, открывающих новое окно В этом случае мы просто ручками применяем стиль blank к нужным гиперссылкам, от чего те приобретают полужирное начертание


Проблемы точного позиционирования К счастью, нашелся такой человек, как Tantek Celik, который предложил такой выход из положения:


Обзор свойств CSS Определяет, как отобразить на странице маркер пункта в списке: внутри того же прямоугольника, в котором располагается элемент списка или вне его