gwt - 如何让 GWT CSSResource 解析 not() 选择器

Question

我意识到 GWT 使用的 CSS 解析器只能处理 CSS2，但我的目标是 iPhone Safari，所以我希望能够使用一些 CSS3 的东西。对于属性，我一直很好地使用 literal GWT 提供的功能，但我在使用 CSS3 选择器时遇到了问题 - 特别是 not()伪类。

我有一些这样的 CSS:

.iMore:not (.__lod ):active {
    color: #fff
}

当 GWT 将此文件作为资源加载时，我得到:

encountered "(". Was expecting one of: "{" ","

literal函数适用于属性，但我试过这个:

.iMore:literal("not (.__lod )"):active {
    color: #fff
}

只是收到一条不同的错误消息:

encountered ""not (.__lod ):"". Was expecting one of: <IDENT>

我把 literal绕过整个街区，错误信息消失了，但我认为没有 @external 是行不通的在使用它的选择器中引用所有内容(此文件中还有很多其他的)。

1. 这样行吗？
2. 有没有更优雅的方式来做到这一点？

Answer 1

您使用反斜杠对选择器中的括号进行转义。所以对于你的 CSS:

.iMore:not \(.__lod \):active {
    color: #fff
}