嘗試一下
<p>旁白：戲劇開始了。</p><p>上面這點聽起來有點太明顯了。要刪除或重寫嗎？</p><p>旁白：各位，我現在必須警告你們，這個開頭非常刺激。</p><p>[燈光亮起，風吹起；卡斯比恩從舞台右側進入]</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 # classes |