특정 요소에서 CSS 재설정 및 오버랩

Question

Firefox Addon을 사용하여 페이지에 삽입 할 수있는 요소가 있습니다.

당연히 그것과 그것의 조상은 그 페이지에 정의 된 CSS 규칙의 영향을받습니다.

지금까지는 모든 속성에 대해 명시 적으로 설명 할 수는 있지만 훨씬 더 구체적 인 페이지의 초기 선언으로 내 선언을 무시할 수 있습니다.

불필요한 특정 선택기 및 hanus 사용을 허비하지 않고 !important을 사용하면 주어진 요소 (div#my_root_container_element) 아래에서 모든 요소의 특성을 다시 설정하고이 상위 요소에서 내 선언이 적용되는지 어떻게 확인할 수 있습니까?

iFrame을 사용하는 것이 하나의 옵션이지만 가능하면 피하는 것이 좋습니다. 다른 방법이 있습니까? 애플리케이션을 고려할 때 솔루션은 Firefox에서만 작동해야합니다.

감사합니다.

Answer 1

이 SASS를 사용하여, 그것은이다 충분한 특이성을 달성하기 위해 ID와 사업부에서 너무 입에 맞지 중첩 모든 아니다 해결책을 선택했습니다.

즉, 페이지에 CSS로 선언 된 !important 선언은 내 스타일을 우회합니다.

Answer 2

분명히, 이것은 일반적으로 CSS의 핵심 인 "특이성"을 무시하는 것처럼 보이지만, 이것은 누군가가 시도한 것을 기억하는 가장 가까운 것입니다. 그것은 유이 프로젝트와 관련된 사람으로부터 오는 시간에 다소 평판 듯 :

http://developer.yahoo.com/yui/reset/#code