Использование атрибута class в документ HTML:
<html>
<head>
<style>
h1.intro {
color: blue;
}
p.important {
color: green;
}
</style>
</head>
<body>
<h1 class="intro">Заголовок 1</h1>
<p>Параграф.</p>
<p class="important">Обратите внимание, что это важный пункт. :)</p>
</body>
</html>
Попробуйте сами »
Больше примеров "Попробуйте сами" ниже.
Описание class
Глобальный атрибут class
указывает одно или несколько имен классов для элемента.
Глобальный атрибут class
в основном используется для указания класса в таблице стилей. Однако он также может использоваться JavaScript (через DOM HTML) для внесения изменений в элементы HTML с указанным классом.
Поддержка class
Атрибут | |||||
---|---|---|---|---|---|
class | Да | Да | Да | Да | Да |
Синтаксис class
<element class="classname">
Значение атрибута class
Значение | Описание |
---|---|
classname | Задает одно или несколько имен классов элементу. Чтобы указать несколько классов, разделите имена классов пробелом, например <span class="left important">. Это позволяет объединить несколько классов CSS для одного элемента HTML.
Правила наименования:
|
Больше Примеров class
Добавление нескольких классов к одному элементу HTML:
<!DOCTYPE html>
<html>
<head>
<style>
h1.intro {
color: blue;
text-align: center;
}
.important {
background-color: yellow;
}
</style>
</head>
<body>
<h1 class="intro important">Заголовок 1</h1>
<p>Параграф.</p>
</body>
</html>
Попробуйте сами »
Связанные страницы class
Учебник HTML: Атрибуты HTML
Учебник CSS: Синтаксис CSS
Справочник CSS: Селектор CSS .class
Справочник DOM HTML: Метод DOM getElementsByClassName() HTML
Справочник DOM HTML: Свойство DOM className HTML
Справочник DOM HTML: Свойство DOM classListHTML
Справочник DOM HTML: Объект DOM Style HTML