(adsbygoogle = window.adsbygoogle || []).push({}); 如何解決.container\ 31 25 \ 25在CSS中是什么意思？？

根據規(guī)范，

標識符還可以包含轉義字符和任何ISO 10646字符作為數字代碼（請參閱下一項）。例如，標識符“ B＆W？” 可以寫為“ B ＆W ？” 或“ B 26 W 3F”。[…]

在CSS2.1中，反斜杠（）字符可以表示三種類型的字符轉義符之一。在CSS注釋中，反斜杠代表自己，如果在樣式表的末尾緊跟一個反斜杠，則它也代表自己（即DELIM標記）。

首先，在字符串中，將忽略反斜杠后跟換行符（即，該字符串被視為不包含反斜杠或換行符）。在字符串的外部，反斜杠代表換行符（即，DELIM和換行符）。

其次，它取消了特殊CSS字符的含義。任何字符（十六進制數字，換行符，回車符或換頁符除外）都可以使用反斜杠轉義以刪除其特殊含義。例如，“”“是一個由雙引號引起來的字符串。樣式表預處理器不得從樣式表中刪除這些反斜杠，因為這會改變樣式表的含義。

第三，反斜杠轉義符使作者可以引用他們不容易放入文檔中的字符。在這種情況下，反斜杠后面最多包含六個十六進制數字（0..9A..F），代表具有該數字的ISO10646（[ISO10646]）字符，該數字不能為零。（在CSS2.1中未定義，如果樣式表確實包含Unicode碼為零的字符，會發(fā)生什么。）如果范圍[0-9a-fA-F]內的字符跟隨十六進制數，則該數字的末尾需要弄清楚。有兩種方法可以做到這一點：

帶有空格（或其他空格字符）：“ 26 B”（“＆B”）。在這種情況下，用戶代理應將“ CR / LF”對（U + 000D / U +000A）視為單個空格字符。通過提供恰好6個十六進制數字：“ 000026B”（“＆B”）

實際上，這兩種方法可以結合使用。十六進制轉義后，僅忽略一個空格字符。請注意，這意味著轉義序列后的“實際”空間必須加倍。

如果數字超出Unicode允許的范圍（例如，“ 110000”大于當前Unicode允許的最大10FFFF），則UA可以使用“替換字符”（U +FFFD）替換轉義符。如果要顯示字符，則UA應該顯示可見的符號，例如“缺少字符”字形（參見15.2，第5點）。

因此，以下是等效的：

.container.31 2525 <--> .container[class ~= '125%'].container.37 525 <--> .container[class ~= '75%'].container.35 025 <--> .container[class ~= '50%'].container.32 525 <--> .container[class ~= '25%']

請注意，轉義很重要，否則它們將不是有效的標識符（強調我的）：

在CSS中， 標識符 （包括選擇器中的元素名稱，類和ID）只能包含字符[a-zA-Z0-9]和ISO 10646字符U + 00A0及更高版本，以及連字符（-）和下劃線（ _）; 它們 ，兩個連字符或以數字開頭的連字符開頭。

因此，以下內容無效：

.container.125%.container.75%.container.50%.container.25%

也許這個小提琴可能更清楚：

.container { background: red; margin: 10px;}.container.31 2525 { /* 125% */ width: 100%; max-width: 1500px; /* (containers * 1.25) */ min-width: 1200px; /* (containers * 1.00) */}.container.37 525 { /* 75% */ width: 900px; /* (containers * 0.75) */}.container.35 025 { /* 50% */ width: 600px; /* (containers * 0.50) */}.container.32 525 { /* 25% */ width: 300px; /* (containers * 0.25) */}<div class='container 125%'>125%</div><div class='container 75%'>75%</div><div class='container 50%'>50%</div><div class='container 25%'>25%</div>解決方法

在下面的代碼中，我想知道反斜杠可能意味著什么？我上過的課沒有遇到反斜杠字符。我相信，這段代碼用于識別瀏覽器的大小。

.container.31 2525 { width: 100%; max-width: 1500px; /* max-width: (containers * 1.25) */ min-width: 1200px; /* min-width: (containers) */}.container.37 525 { /* 75% */ width: 900px; /* width: (containers * 0.75) */}.container.35 025 { /* 50% */ width: 600px; /* width: (containers * 0.50) */}.container.32 525 { /* 25% */ width: 300px; /* width: (containers * 0.25) */}