Cách lấy GWT CSSResource để phân tích cú pháp không() selectors

Question

Tôi nhận ra rằng trình phân tích cú pháp CSS mà GWT sử dụng sẽ chỉ xử lý CSS2, nhưng tôi đang nhắm mục tiêu đến iPhone Safari, vì vậy tôi muốn có thể sử dụng một số công cụ CSS3. Đối với các thuộc tính, tôi đã sử dụng chức năng literal do GWT cung cấp, nhưng tôi gặp sự cố với bộ chọn CSS3 - đặc biệt là lớp giả not().

Tôi có một chút CSS như thế này:

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

Khi GWT tải tập tin này như một nguồn lực, tôi nhận được:

gặp "(" Được mong đợi một trong số:. "{ "","

các literal chức năng hoạt động tốt cho tài sản, nhưng tôi đã cố gắng này:

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

và chỉ có một thông báo lỗi khác nhau:

gặp "" không (.__ lod): "". Đã mong một trong số: <IDENT>

tôi đặt literal xung quanh toàn bộ khối và các thông báo lỗi ra đi, nhưng tôi không nghĩ rằng sẽ làm việc mà không @external ing tất cả mọi thứ tham chiếu trong bộ chọn sử dụng này (có nhiều người khác trong tệp này).

1. Thậm chí có hoạt động không?
2. Có cách nào hiệu quả hơn không?

Answer 1

Bạn thoát khỏi dấu ngoặc đơn trong bộ chọn có dấu gạch chéo ngược. Vì vậy, đối với CSS của bạn:

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