Css 包含百分号SASS的类选择器

我有下面的类

\40-85%-共享密钥
，我需要能够在样式表中使用它，但我不知道如何使用unicode对第一个数字进行转义以使其工作

我试过这个：

.\0034 0-85%-shares-key {}

但是运气不好，我唯一能让它工作的方法是使用CSS3结束选择器
$=
：

[class$="40-85%-shares-key"] { color:red }

如果在
\40-85%-共享密钥
之后添加了第二个类，则此操作将失败

jsfiddle:

我强烈建议将格式改为类似
.shares-key-40-to-85
的格式，因为在类名中使用像
\
和
%
这样的特殊字符是无效的CSS（因此浏览器将不可靠）
唯一可行的方法是使用CSS3结尾的选择器
$=
：

[class$="40-85%-shares-key"] { color:red }

如果在
\40-85%-共享密钥
之后添加了第二个类，则此操作将失败

jsfiddle:

我强烈建议将格式改为
.shares-key-40-to-85
，因为在类名中使用
\
和
%
等特殊字符是无效的CSS（因此浏览器不可靠）百分比符号是Sass中的一个特殊字符：它表示它是一个占位符选择器。在最终CSS中找不到占位符选择器

一般来说，您应该避免在选择器中使用特殊字符，如百分号。如果确实需要，可以使用反斜杠来逃避：

.\0034 0-60\%-shares-key { color: red; }

现在它在Sass和CSS中都有效。
百分号是Sass中的一个特殊字符：它意味着它是一个占位符选择器。在最终CSS中找不到占位符选择器

一般来说，您应该避免在选择器中使用特殊字符，如百分号。如果确实需要，可以使用反斜杠来逃避：

.\0034 0-60\%-shares-key { color: red; }

现在它在Sass和CSS中都有效