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