View in English Always switch to English

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: ";
}

每個類別值可以包含任何 Unicode 字元(當然,除了 ASCII 空白字元)。但是,當在 CSS 選擇器中使用時,無論是從 JavaScript 使用 Document.querySelector() 等 API 或是在 CSS 樣式表中使用,類別屬性值都必須是有效的 CSS 標識符。這表示如果類別屬性值不是有效的 CSS 標識符(例如,my?class 或 1234),則在選擇器中使用它之前必須對其進行跳脫,可以使用 CSS.escape() 方法或手動轉換。

因此,建議開發人員為 class 屬性選擇不需要跳脫的有效 CSS 標識符作為值。