HTML class 全域性屬性

試一試

<p>Narrator: This is the beginning of the play.</p>

<p class="note editorial">Above point sounds a bit obvious. Remove/rewrite?</p>

<p>Narrator: I must warn you now folks that this beginning is very exciting.</p>

<p class="note">[Lights go up and wind blows; Caspian enters stage right]</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() 方法，或者手動轉義。

因此，建議開發者為類屬性選擇無需轉義的有效 CSS 識別符號作為值。