Class 包含百分号的选择器 SASS
Class selector containing a Percent sign SASS
我有以下 class .-85%-shares-key 需要能够在我的样式表中使用，但我不知道如何使用 unicode 转义第一个数字以获取它上班。
我试过这个：
.[=12=]34 0-85%-shares-key {}
但运气不好
我唯一能让它工作的方法是使用 CSS3 ends-with 选择器 $=:
[class$="40-85%-shares-key"] { color:red }
如果在 .-85%-shares-key 之后添加第二个 class，这将失败。
jsfiddle: https://jsfiddle.net/ro3mrtzw/
我强烈建议将格式更改为 .shares-key-40-to-85 之类的格式，因为 CSS 在 class 中包含 \ 和 % 等特殊字符是无效的名称（因此浏览器将不可靠）
百分号是Sass中的一个特殊字符：表示它是一个占位符选择器。在最后的 CSS.
中找不到占位符选择器
一般来说，您应该避免在选择器中使用百分号等特殊字符。如果你真的需要，你可以用反斜杠转义它：
.[=10=]34 0-60\%-shares-key { color: red; }
现在 Sass 和 CSS 都有效。
我有以下 class .-85%-shares-key 需要能够在我的样式表中使用，但我不知道如何使用 unicode 转义第一个数字以获取它上班。
我试过这个：
.[=12=]34 0-85%-shares-key {}
但运气不好
我唯一能让它工作的方法是使用 CSS3 ends-with 选择器 $=:
[class$="40-85%-shares-key"] { color:red }
如果在 .-85%-shares-key 之后添加第二个 class，这将失败。
jsfiddle: https://jsfiddle.net/ro3mrtzw/
我强烈建议将格式更改为 .shares-key-40-to-85 之类的格式，因为 CSS 在 class 中包含 \ 和 % 等特殊字符是无效的名称（因此浏览器将不可靠）
百分号是Sass中的一个特殊字符：表示它是一个占位符选择器。在最后的 CSS.
中找不到占位符选择器一般来说，您应该避免在选择器中使用百分号等特殊字符。如果你真的需要，你可以用反斜杠转义它：
.[=10=]34 0-60\%-shares-key { color: red; }
现在 Sass 和 CSS 都有效。