Question

我刚开始使用JetBrains WebStorm，它正在标记以下样式的所有代码块，并出现意外的令牌错误。

.container.\32 25\25 {
    width: 100%;
    max-width: 125%;
    min-width: 100%;
}

在所有情况下，意外的令牌都处于相同的位置; 。\ 32和25 \ 25之间的空间。

有人会知道为什么会这样吗？代码在所有浏览器上都可以顺利运行。

Answer 1

这种情况下的问题似乎是WebStorm，它将事物标记为非错误的错误。源样本中的转义格式非常好;它指的是一个名为"225%"的类。 W3C验证器不返回错误;浏览器应该响应;所以这只是WebStorm 请参阅Using character escapes in markup and CSS。

简而言之，CSS能够以十六进制格式转义字符，因此您可以通过编写.\32而不是.2来引用以“2”开头的类名。登记/> （在CSS中，如果你的意思是一个类，你不能写.2，因为.2总是被解释为数字0.2，无论它出现在哪里。不要问我为什么。）<登记/> 并且.\32之后的空格是转义码的分隔符，表示数字在那里结束，因此以下数字是类名中的实际数字;最高为\25，表示百分号。

请注意，如果以下字符可以是十六进制数字，则只需要分隔符。例如，如果下一个字符是另一个\，则根本不需要空格。

你的问题有解决方案：如果你不希望在整个类定义中出现空格，你可以转义其中的所有字符，因此该类变为\32\32\35\25，因此整个选择器变为{{ 1}}。

希望这有帮助！

意外的令牌＆＃34; ＆＃34; WebStorm中的空间

1 个答案: