我有一个 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/

10-16 23:26