HTML class 全域屬性
class 全域屬性是一個以 ASCII 空白字元分隔的元素類別列表。
嘗試一下
<p>旁白：戲劇開始了。</p>
<p class="note editorial">上面這點聽起來有點太明顯了。要刪除或重寫嗎？</p>
<p>旁白：各位，我現在必須警告你們，這個開頭非常刺激。</p>
<p class="note">[燈光亮起，風吹起；卡斯比恩從舞台右側進入]</p>
.note {
font-style: italic;
font-weight: bold;
}
.editorial {
background: rgb(255 0 0 / 0.25);
padding: 10px;
}
.editorial::before {
content: "Editor: ";
}
語法
class 屬性是一個以 ASCII 空白字元分隔的類別值列表。
每個類別值可以包含任何 Unicode 字元（當然，除了 ASCII 空白字元）。但是，當在 CSS 選擇器中使用時，無論是從 JavaScript 使用 Document.querySelector() 等 API 或是在 CSS 樣式表中使用，類別屬性值都必須是有效的 CSS 標識符。這表示如果類別屬性值不是有效的 CSS 標識符（例如，my?class 或 1234），則在選擇器中使用它之前必須對其進行跳脫，可以使用 CSS.escape() 方法或手動轉換。
因此，建議開發人員為 class 屬性選擇不需要跳脫的有效 CSS 標識符作為值。
描述
類別允許 CSS 和 JavaScript 通過類別選擇器或 document.getElementsByClassName() 等函數來選擇和訪問特定元素。
雖然規範沒有對類別名稱做出要求，但鼓勵網頁開發人員使用描述元素語義目的的名稱，而不是元素的呈現方式。例如，使用 attribute 來描述屬性而不是使用 italics，儘管此類別的元素可能會以斜體呈現。即使頁面的呈現方式發生變化，語義名稱仍然保持邏輯性。
規範
| Specification |
|---|
| HTML # global-attributes:classes-2 |