Авторизация

Рубрики блога


Рекомендуем



Последние комментарии

Облако тегов


Устами великих

"Странный этот мир, где двое смотрят на одно и то же, а видят полностью противоположное." © Агата Кристи

Мы Вконтакте

Записки вебмастера Рубрика, которая призвана собрать коллекцию полезных скриптов и авторских решений, интересных особенностей и стандартов верстки, решение вопросов юзабилити и функционала, полезных ресурсов и программ.
31
Май

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

рейтинг материал 0.0 (0) | количество просмотров 1117 | количество коментариев 0
О том как совмещать несколько стилей в одном классе и несколько стилей разных классов но применяемых к одному элементу.
Пример присваивания нескольких классов с разными стилями, попутно одному общему, включающему в себя и тот и тот стиль:
.red, .redAndBig {color:darkred} 
.big, .redAndBig {font-size:200%; font-weight:bold}
Объединенный класс задаём в HTML таким образом:
<p class="redAndBig">Красный. И большой.</p>

Таким образом получаем применение двух разных стилей к одному элементу и в то же время можем применять стили по раздельности к другим элементам.

Начиная с CSS2 можно задавать элементу более одного класса, для этого достаточно разделить названия классов пробелом:

<p class="red big">Красный. И большой.</p>

Данный ликбез позволяет по-новому взглянуть на имеющийся код стилей и, перегруппировав, изрядно сократить его размер.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]