我有一个 ID 包含百分比符号的 div,如下所示:
<div id="foo%bar">
stuff
</div>
我无法避免,这是一个我无法更改的 div,所以我需要处理它:(
我正在尝试使用 LESS 访问该元素,但是当我尝试编译 LESS 文件时,在包含百分比的行中出现错误:
为了编译 LESS 文件,我使用了 Recess ( https://github.com/sindresorhus/grunt-recess ),这是一个 GruntJS 插件。如果有人知道任何其他工具来编译 LESS 文件以避免此错误,我将很乐意更改以使用它。
提前致谢!
最佳答案
虽然这是一个有效的 (HTML5) id,但它不是一个有效的 CSS 选择器。来自 Selectors Level 3 docs (W3C)
您可以使用反斜杠字符来转义选择器中的百分号并使其有效:
#foo\%bar {
color:red
}
Fiddle
关于css - LESS 文件中带有百分比字符的选择器出错,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/21517467/