CSS . Селектор класса
Пример
Выберите и стилизуйте все элементы с помощью class="intro":
.intro {
background-color: yellow;
}
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Селектор .class
выбирает элементы с определенным атрибутом класса.
Чтобы выбрать элементы с определенным классом, напишите символ точки (.), а затем имя класса.
Вы также можете указать, что класс должен влиять только на определенные элементы HTML. Для этого начните с имени элемента, затем напишите символ точки (.), а затем имя класса (см. Пример 1 ниже).
HTML-элементы также могут относиться к более чем одному классу (см. пример 2 ниже).
Версия: | CSS1 |
---|
Поддержка браузера
Selector | |||||
---|---|---|---|---|---|
.class | Yes | Yes | Yes | Yes | Yes |
Синтаксис CSS
.class {
css declarations;
}
Дополнительные примеры
Пример 1
Стилизуйте все элементы <p> с помощью class="hometown":
p.hometown {
background-color: yellow;
}
Пример 2
Этот элемент <p> будет оформлен в соответствии со стилем class="center" И class="large":
<p class="center large">This paragraph refers to two classes.</p>