Частенько случается ситуация, когда к элементу хотелось бы применить
не один, а сразу два (а иногда и три) класса. До недавних пор
приходилось выкручиваться примерно так:
Другими словами, в нашем примере мы ввели класс .redAndBig, который объединяет свойства классов .red и .big. Объединённый класс задаём в HTML таким образом:
<p class="redAndBig">Красный. И большой.</p>
Но спецификация CSS Level 2 позволяет задавать у элемента более
одного класса. Для этого достаточно разделить названия классов пробелом:
<p class="red big">Красный. И большой.</p>
Получается наглядно и красиво. Огорчает только тот факт, что эта
конструкция работает только в Internet Explorer 5+, Opera 4+
и Netscape Navigator 6+. В более ранных версиях браузеров при таком
раскладе к элементу не будет применён ни один стиль
