CSS селектор .class
Установить селектор и стиль всех элементов с помощью class="intro":
.intro {
background-color: yellow;
}
Попробуйте сами »
Определение .class
Селектор .class выбирает элементы с определенным атрибутом класса.
Чтобы выбрать элементы с определенным классом, напишите точку (.) символ, за которым следует имя класса.
Можно также указать, что класс должен влиять только на определенные элементы HTML. Для этого начните с имени элемента, затем напишите точку (.) символ, за которым следует имя класса (см. Пример 1 ниже).
Элементы HTML также могут ссылаться на несколько классов (см. Пример 2 ниже).
Версия: | CSS1 |
---|
Поддержка браузеров .class
Селектор | |||||
---|---|---|---|---|---|
.class | Да | Да | Да | Да | Да |
CSS Синтаксис .class
Ещё примеры .class
Установить все стили элемента <p> с class="hometown":
p.hometown {
background-color: yellow;
}
Попробуйте сами »
Элемент <p> будет стилизован в соответствии с class="center" и в class="large":
<p class="center large">.Параграф относится к двум классам.</p>
Попробуйте сами »