Применение нескольких классов к одному элементу - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Пятница, 02.12.2016
Главная » Справочник CSS3 » Полезные статьи


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


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

Применяем несколько .class к одному элементу




Существует возможность применения сразу нескольких классов к одному элементу.В обычной установке стилей обычно применяются class="" ( .класс ) и id="" ( #идентификатор ) для одного элемента.Можно расширить возможности применения классов путём установки перечисления с помощью And.Таким способом можно применить и два и три варианта классов которые будут применятся для элемента.Обязательно устанавливайте значение класса после And с первым прописным символом ( с большой буквы например ),обратите на это внимание в примере.Не исключено что в скором будущем и эта возможность не станет пределом,но пока надеюсь хватит и этого.




Пример применения в написании стилей


<style>
.one, .oneAndTwoAndTree {
width:300px;
height:300px;
}
.two, .oneAndTwoAndTree {
border:10px solid green;
}
.tree, .oneAndTwoAndTree {
background-color:black;
}
</style>

Пример применения в написании кода


<div class="oneAndTwoAndTree"></div>

Пример применения на странице


<!DOCTYPE html>
<html>
<head>
<title>Установка нескольких классов</title>
<style>
.one, .oneAndTwoAndTree {
width:300px;
height:300px;
}
.two, .oneAndTwoAndTree {
border:10px solid green;
}
.tree, .oneAndTwoAndTree {
background-color:black;
}
</style>
</head>
<body>
<div class="oneAndTwoAndTree">
</div>
</body>
</html>

Пример в действии





Русские шрифты





Категория: Полезные статьи | Добавил: IZOTOP (03.07.2012) | Автор: Меренков Михаил W
Просмотров: 1944 | Теги: два класса, несколько классов, три класса | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

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