WebStorm 中的意外令牌“”空间答案

【问题标题】：Unexpected token " " space in WebStormWebStorm 中的意外令牌“”空间
【发布时间】：2016-08-03 04:30:17
【问题描述】：

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

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

在所有情况下，意外标记都在同一位置； .\32 和 25\25 之间的空间。

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

【问题讨论】：

不好意思问，25\25是什么@
你能提供HTML sn-p吗？这看起来像是一种编写自定义类名/标签的奇怪方式
@MrLister 感谢您的解释.. 总是有新的东西要学习或了解:)
@MrLister 如果我理解正确，对于上面的情况，那将是 .container.\32\25\25？我可以确认以这种格式删除错误消息。
@MrLister 是的，错误消失了，代码工作正常！非常感谢！

标签： css webstorm

【解决方案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，因此整个选择器变为.container.\32\32\35\25。

希望这会有所帮助！

【讨论】：