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

Question

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

我有一点像这样的CSS:

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

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

遇到"(".期待其中一个:"{"","

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

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

并得到一个不同的错误信息:

遇到""不是(.__ lod):"".期待其中一个:<IDENT>

我把literal整个块放在一边,错误消息就消失了,但是如果没有@external使用它的选择器中引用的所有内容(我在这个文件中有很多其他内容),我认为这样做不会有效.

1. 那甚至会起作用吗？
2. 这样做有更优雅的方式吗？

Answer 1

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

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