WebStorm 中的意外标记“”space

Question

我刚开始使用 JetBrains WebStorm，它用以下样式标记所有代码块，带有意外的标记错误。

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

在所有情况下，意外令牌都在同一位置； .\32 和 25.

之间的 space

有人知道为什么会这样吗？代码在所有浏览器上运行流畅。

Answer 1

本例中的问题似乎出在 WebStorm 上，它将并非错误的事情标记为错误。源示例中的转义格式非常好；它指的是一个名为 "225%" 的 class。 W3C 验证器不会 return 错误；浏览器应有的反应；所以它只是 WebStorm。
参见 Using character escapes in markup and CSS。

简而言之，CSS 具有以十六进制格式转义字符的能力，因此您可以通过编写 [=11= 来引用以“2”开头的 class 名称] 而不是 .2.
（在 CSS 中，如果你的意思是 class，你不能写 .2，因为 .2 总是被解释为数字 0.2，无论它出现在哪里。不要'问我为什么。）
而.后面的space是转义码的分隔符，表示数字到此结束，所以后面的数字是class名称中的实际数字；直到 </code> 表示百分号。 </p> <p>请注意，仅当以下字符可以是十六进制数字时，您才需要分隔符。例如，如果下一个字符是另一个 <code>\，则根本不需要 space。

您的问题有解决方案：如果您不希望 space 出现在整个 class 定义中，您可以转义其中的所有字符，因此 class变为 </code> 因此整个选择器变为 <code>.container..

希望对您有所帮助！

WebStorm 中的意外标记“”space

Unexpected token " " space in WebStorm

css

webstorm