пример
Выберите стиль и все элементы с class="intro" :
.intro {
background-color: yellow;
}
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
.class Селектор выбирает элементы с определенным атрибутом класса.
Для выбора элементов с определенным классом, написать период (.) Символов, за которым следует имя класса.
Можно также указать, что только конкретные HTML элементы должны быть затронуты классом. Чтобы сделать это, начните с именем элемента, а затем записать период (.) Символов, за которым следует имя класса (look at Example 1 below) .
HTML элементы могут также относиться к более чем одному классу (look at Example 2 below) , (look at Example 2 below) .
| Версия: | CSS1 |
|---|
Поддержка браузеров
| селектор | |||||
|---|---|---|---|---|---|
| .class | да | да | да | да | да |
CSS Синтаксис
Еще примеры
Пример 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> Попробуй сам "