GWT CSSResource에서 not() 선택자를 구문 분석하는 방법

Question

GWT에서 사용하는 CSS 파서는 CSS2 만 처리하지만 iPhone Safari를 대상으로하므로 CSS3 항목을 사용할 수 있기를 원합니다. 속성의 경우 GWT에서 제공하는 literal 함수를 사용하여 문제가 없었지만 CSS3 선택기와 관련된 문제가 발생했습니다. 특히 not() 가상 클래스입니다. 리소스로 GWT는 하중이 파일을

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

, 내가 얻을 :

이 같은 CSS의 비트

중 하나 기다리고 있었다 "("가 발생했습니다. "{ "", "

literal 기능이 속성에 대해 잘 작동하지만이 시도 :

을 발생

""하지 (.__ LOD) : ""

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

및은 다른 오류 메시지를 받았습니다. 중 하나를 기다리고 있었다 : <IDENT>

나는 전체 블록 주위에 literal을 넣고 오류 메시지가 멀리 갔다,하지만 난 거기에 (즉, 이것을 사용 선택기에서 참조 @external 보내고 모든없이 작동합니다 생각하지 않습니다 이 파일에있는 다른 많은 것들).

1. 작동 여부
2. 더 우아한 방법이 있습니까?

Answer 1

선택기에서 괄호를 백 슬래시로 이스케이프합니다. 당신의 CSS에 대한 그래서 - 내가 볼 수있는 유일한 "우아한"방법은 바로 해킹 때문에 not`는 노력이 거의 가치가있다 :

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