GWT CSSResource nasıl ayrıştırılamıyor() seçiciler

Question

GWT'nin kullandığı CSS çözümleyicisinin yalnızca CSS2'yi işleyeceğini, ancak iPhone Safari'yi hedeflediğimi fark ettim, bu yüzden bazı CSS3 öğelerini kullanabilmek istiyorum. Özellikler için, GWT tarafından sağlanan literal işlevini kullanarak iyiyim, ancak CSS3 seçicileri ile sorun yaşıyorum - özellikle not() sözde sınıf. Bir kaynak olarak GWT yükler bu dosyayı

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

, alıyorum::

böyle CSS biraz var

biri bekliyordum "(" karşılaşıldı:. "{ "","

literal fonksiyon özellikleri için iyi çalışır, ama bu çalıştı:

karşılaşılan

"" değil (.__ lod): ""

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

vesadece farklı bir hata mesajı var. birini bekliyordum: <IDENT>

ben bütün blok etrafında literal koymak ve hata mesajının gidip gitti, ama ben orada (yani bu kullanmak seçicileri başvurulan @external ing her şey olmadan çalışacağını sanmıyorum bu dosyadaki diğer birçok kişi).

1. Bu işe yarar mı?
2. Bunu yapmanın daha zarif bir yolu var mı?

Answer 1

Seçicideki parantezleri ters eğik çizgi ile kaçarsınız. ile CSS Yani: - gördüğüm tek "zarif" yolu sadece hack çünkü not` zahmete değer:

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