Как получить GWT CSSResource для разбора селекторов not ()

Question

Я понимаю, что синтаксический анализатор CSS, который использует GWT, будет обрабатывать только CSS2, но я ориентируюсь на iPhone Safari, поэтому я хочу иметь возможность использовать некоторые вещи CSS3. Что касается свойств, я в порядке, используя функцию literal, предоставляемую GWT, но у меня проблемы с селекторами 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
}