Применяем несколько .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>
Пример в действии
Вопросов / Советов / Предложений - относящихся к материалу: 0
|
|
|
|
|
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ]
|