包含百分号SASS的类选择器

Question

我有以下类.\40-85%-shares-key我需要能够在我的样式表中使用但是我无法弄清楚如何使用unicode转义第一个数字以使其工作。

我试过这个：

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

但没有运气

Answer 1

百分号是Sass中的一个特殊字符：它表示它是一个占位符选择器。在最终的CSS中找不到占位符选择器。

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

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

现在它在Sass和CSS中都有效。

Answer 2

只有我可以使用CSS3结束 - 使用选择器$=：

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

如果在.\40-85%-shares-key之后添加了第二个类，则会失败。

jsfiddle：https://jsfiddle.net/ro3mrtzw/

我强烈建议将格式更改为.shares-key-40-to-85，因为它的CSS无效，在类名中会有\和%等特殊字符（因此浏览器会不可靠）