**class** 全域性屬性 是元素類別的列表,用 ASCII 空格 分隔。

試一試

描述

類允許 CSS 和 JavaScript 透過 類選擇器document.getElementsByClassName() 等函式選擇和訪問特定元素。

雖然規範沒有對類名提出要求,但鼓勵網路開發者使用描述元素語義目的而不是元素呈現方式的名稱。例如,使用 _attribute_ 來描述屬性,而不是 _italics_,儘管此類別的元素可能會以 _italics_ 呈現。即使頁面的呈現方式發生變化,語義名稱仍然保持邏輯。

語法

class 屬性是一個由 ASCII 空白字元 分隔的類值列表。

每個類值可以包含任何 Unicode 字元(當然,除了 ASCII 空白字元)。但是,當在 CSS 選擇器中使用時,無論是透過使用像 Document.querySelector() 這樣的 API 的 JavaScript,還是在 CSS 樣式表中使用,類屬性值必須是有效的 CSS 識別符號。這意味著,如果類屬性值不是有效的 CSS 識別符號(例如,my?class1234),那麼它必須在用作選擇器之前進行轉義,可以透過使用 CSS.escape() 方法或 手動 進行轉義。

出於這個原因,建議開發人員選擇作為類屬性值的有效 CSS 識別符號,這些識別符號不需要轉義。

規範

規範
HTML 標準
# global-attributes:classes-2

瀏覽器相容性

BCD 表格僅在瀏覽器中載入

另請參見