.class1.class2

Обновлено: 02.06.2022

Мультиклассы

К любому элементу одновременно можно добавить несколько классов, перечисляя их в атрибуте class через пробел. В этом случае к элементу применяется стиль, описанный в правилах для каждого класса. Поскольку при добавлении нескольких классов они могут содержать одинаковые стилевые свойства, но с разными значениями, то берётся значение у класса, который описан в коде ниже.

Синтаксис

<E class="class1 class2 ...">

Здесь E — обозначает любой элемент.

В стилях допустимо использовать запись следующего вида.

.class1.class2 { Описание правил стиля }

В таком случае стиль применяется только для элементов, у которых одновременно заданы классы class1 и class2, т. е. в коде HTML используется конструкция <E class="class1 class2>.

Пример

Результат данного примера показан на рис. 1.

Рис. 1. Цвет и размер ссылок, заданный через классы

Примечание

Браузер IE до версии 7 некорректно работает с мультиклассами и понимает запись .a.b как .b, т. е. воспринимает только имя последнего класса, что приводит к ошибкам.