為什麼在 CSS 類別名稱中使用反斜杠，如 \".container.\\31 25\\25\"？

CSS「.container.31 2525」中反斜線字元的用途是什麼？

在提供的 CSS 程式碼中，反斜線字元() 具有與標識符轉義相關的特定目的。根據CSS規範：

• 轉義特殊字元：反斜線可以取消特殊CSS字元的意思。在這種情況下，它可以防止百分號 (%) 被識別為 CSS 計算的開始。
• 數字代碼點引用： 當後面接六個十六進位數字時，反斜線可以代表一個特定的 Unicode 字元。這允許作者引用文件中不易輸入的字元。

在範例中：

.container.31 2525 相當於 .container[class ~= " 125%"]。

• 31 是數字 1 的十六進位表示。
• 25 是數字 17 的十六進位表示法。
• 25 是百分比

因此，反斜線對百分號進行轉義，使其被視為識別符的一部分而不是計算。此技術可確保「125%」值被解釋為類別名稱而不是計算。

如果沒有反斜杠，標識符將以數字開頭，並且根據 CSS 語法無效：

• .container.125% 無效，因為標識符不能以數字開頭。

透過使用反斜杠，可以將百分比值用作類名，從而實現基於容器的靈活樣式尺寸。

以上是為什麼在 CSS 類別名稱中使用反斜杠，如 \".container.\\31 25\\25\"？的詳細內容。更多資訊請關注PHP中文網其他相關文章！