Comment faire pour GWT CSSResource pour analyser les sélecteurs not()

Question

Je réalise que l'analyseur CSS utilisé par GWT ne traitera que CSS2, mais je cible iPhone Safari, donc je veux être capable d'utiliser certaines choses CSS3. Pour les propriétés, j'ai bien utilisé la fonction literal fournie par GWT, mais j'ai des problèmes avec les sélecteurs CSS3 - en particulier la pseudo-classe not().

J'ai un peu de CSS comme ceci:

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

Lorsque des charges GWT ce fichier en tant que ressource, je reçois:

rencontré "(" Je me attendais un des:. « { "", »

la fonction literal fonctionne bien pour les propriétés, mais j'ai essayé ceci:

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

et je viens juste un autre message d'erreur:

rencontré "" pas (.__ Lod): "". Je me attendais un des: <IDENT>

Je mets literal autour du bloc entier et le message d'erreur suis parti, mais je ne pense pas que cela fonctionnera sans @external tout ing référencé dans les sélecteurs qui utilisent ce (il y a beaucoup d'autres dans ce fichier).

1. Est-ce que cela fonctionnerait même?
2. Y at-il une façon plus gracieuse de le faire?

Answer 1

Vous échappez les parenthèses dans le sélecteur avec des barres obliques inverses. Donc, pour votre CSS:

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