Довідники CSS3 Мультикласи

Що таке Мультикласи в CSS3?

У HTML до тега можна додати кілька класів через пропуск. У CSS можна вибирати такі елементи за допомогою мультикласів (.class.class). Ви можете окремо додати стиль до кожного класу та для об'єктів, де буде обидва класи використовувати інший стиль.

Треба знати: ви можете не тільки два або один клас до об'єкта, але і набагато більше. Просто через пропуск записуйте нові класи для будь-якого HTML тега.

Приклад селектора:
.paddBox {
   padding: 1%;
   width: 98%;
}

.paddBox.light {
   background: #91cfd4;
}

.paddBox.green {
   background: #91d4a2;
}
HTML код:
<div class="paddBox light">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
<div class="paddBox green">Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
<div class="paddBox">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div>
Результат:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Коментарі
Додати коментар

Поки що коментарів немає