.class1.class2

Оновлено: 09.01.2023

Мультикласи

До будь-якого елемента одночасно можна додати кілька класів, перераховуючи їх в атрибуті class через пробіл. У цьому разі до елемента застосовується стиль, описаний у правилах для кожного класу. Оскільки під час додавання кількох класів вони можуть містити однакові стильові властивості, але з різними значеннями, то береться значення в класу, який описано в коді нижче.

Синтаксис

<E class="class1 class2 ...">
Тут E - позначає будь-який елемент.

У стилях допустимо використовувати запис такого вигляду.
.class1.class2 { Опис правил стилю }

У такому разі стиль застосовується тільки для елементів, у яких одночасно задано класи class1 і class2, тобто в коді HTML використовується конструкція <E class="class1 class2>.

Приклад

Примітка

Браузер IE до версії 7 некоректно працює з мультикласами і розуміє запис .a.b як .b, тобто сприймає тільки ім'я останнього класу, що призводить до помилок.