Арчи Гудвин: Применение нескольких классов к одному элементу - Записки вебмастера

Авторизация

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

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

Облако тегов

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

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

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

Май

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

0.0 (0) | количество просмотров

2134 |

О том как совмещать несколько стилей в одном классе и несколько стилей разных классов но применяемых к одному элементу.

Пример присваивания нескольких классов с разными стилями, попутно одному общему, включающему в себя и тот и тот стиль:

.red, .redAndBig {color:darkred} 
.big, .redAndBig {font-size:200%; font-weight:bold}

Объединенный класс задаём в HTML таким образом:

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

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

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

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

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

Теги / Метки

css, ликбез верстальщику, верстка сайта, ID, class

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

Archie Goodwin

Авторизация

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

Рекомендуем

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

Облако тегов

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

Реклама

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

О сайте

Статистика