.container.\31 25\25在CSS中是什麼意思？

在CSS中，標識符可以包含特殊字符，例如反斜杠 ()。反斜線字元在 CSS 中具有不同的用途，具體取決於上下文。

轉義字元

在字串中，反斜線後跟換行符將被忽略。在字串之外，反斜線後跟換行符代表其自身。

轉義特殊字符

反斜杠可用於轉義特殊 CSS 字符，使它們失去其特殊性意義。例如，字串中的雙引號 (") 可以轉義為 \"。

Unicode 字元引用

反斜線後面跟著最多六個十六進位數字( 0-9a-fA-F) 表示具有該數字的ISO 10646 字符。空格或附加的十六進制數字用於終止引用。

在給定的程式碼中，反斜線() 用來表示.container 元素的類別名稱中的百分比值：

.container.\31 25\25 { /* 125% */
  width: 100%;
}

特殊字元\31、25和\25分別代表字元「1」、「%」和「%」的十六進位數。因此，這段程式碼相當於：

.container[class ~= "125%"] { /* 125% */
  width: 100%;
}

該類別選擇器符合類別包含「125%」的任何元素。元素寬度的計算如下：

width = (containers * 125%)