class 属性は、要素に 1 つ以上のクラス名を指定します。
class 属性は、主に、スタイルシート内のクラスにポイントするために使用します。 しかし、指定したクラスを持つ HTML 要素を変更するために（HTML DOMを介して）JavaScript で使用することもできます。
class 属性は グローバル属性 の一つで、全ての HTML 要素で使用することができます。
| 要素 | 属性 |
|---|---|
| 全ての HTML 要素 | class |
HTML 文書で class 属性を使用します：
<html>
<head>
<style>
h1.intro {
color: blue;
}
p.important {
color: green;
}
</style>
</head>
<body>
<h1 class="intro">Header 1</h1>
<p>A paragraph.</p>
<p class="important">Note that this is an important paragraph. :)</p>
</body>
</html>
Try it Yourself ❯
| 属性 | |||||
|---|---|---|---|---|---|
| class | Yes | Yes | Yes | Yes | Yes |