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

根據(jù)規(guī)范，

標(biāo)識(shí)符還可以包含轉(zhuǎn)義字符和任何ISO 10646字符作為數(shù)字代碼（請(qǐng)參閱下一項(xiàng)）。例如，標(biāo)識(shí)符“ B＆W？” 可以寫為“ B ＆W ？” 或“ B 26 W 3F”。[…]

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

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

其次，它取消了特殊CSS字符的含義。任何字符（十六進(jìn)制數(shù)字，換行符，回車符或換頁(yè)符除外）都可以使用反斜杠轉(zhuǎn)義以刪除其特殊含義。例如，“”“是一個(gè)由雙引號(hào)引起來(lái)的字符串。樣式表預(yù)處理器不得從樣式表中刪除這些反斜杠，因?yàn)檫@會(huì)改變樣式表的含義。

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

帶有空格（或其他空格字符）：“ 26 B”（“＆B”）。在這種情況下，用戶代理應(yīng)將“ CR / LF”對(duì)（U + 000D / U +000A）視為單個(gè)空格字符。通過(guò)提供恰好6個(gè)十六進(jìn)制數(shù)字：“ 000026B”（“＆B”）

實(shí)際上，這兩種方法可以結(jié)合使用。十六進(jìn)制轉(zhuǎn)義后，僅忽略一個(gè)空格字符。請(qǐng)注意，這意味著轉(zhuǎn)義序列后的“實(shí)際”空間必須加倍。

如果數(shù)字超出Unicode允許的范圍（例如，“ 110000”大于當(dāng)前Unicode允許的最大10FFFF），則UA可以使用“替換字符”（U +FFFD）替換轉(zhuǎn)義符。如果要顯示字符，則UA應(yīng)該顯示可見的符號(hào)，例如“缺少字符”字形（參見15.2，第5點(diǎn)）。

因此，以下是等效的：

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

請(qǐng)注意，轉(zhuǎn)義很重要，否則它們將不是有效的標(biāo)識(shí)符（強(qiáng)調(diào)我的）：

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

因此，以下內(nèi)容無(wú)效：

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

也許這個(gè)小提琴可能更清楚：

.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>解決方法

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

.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) */}