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

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

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

範例中：

.container.\31 25\25 相當於.container[class ~= "125%"].

• 31是數字的十六進位表示1.
• 25是數字17的十六進位表示法。
• \25是百分號，轉義以去除其特殊意義。

因此，反斜線轉義百分號，使其被視為識別碼的一部分而不是計算的一部分。此技術確保“125%”值被解釋為類別名稱而不是計算。

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

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

透過使用反斜杠，百分比值可以是用作類別名，支援基於容器大小的靈活樣式。