왜냐하면important 인식 에 bug 가 존재 합 니 다.현재 대부분의 웹 페이지 표준 디자이너 들 은 이 bug 를 통 해 ie 와 ff 를 호 환 합 니 다.그러나 ie 7.0 은 이 bug 를 복 구 했 기 때문에 문제 가 발생 했 습 니 다.어떻게 ie.7.0 을 호 환 하 는 동시에 ie 6.0 과 ff 를 호 환 할 수 있 습 니까?이른바'상 유 정책,하 유 대책'으로 외국 의 홈 페이지 표준 디자이너 는 css 를 사용한다. filter 방법(css 가 아 닙 니 다. hack)는 i7.0,i6.0 과 ff 를 호 환 합 니 다.다음은 제 가 외국 사이트 에서 번역 한 것 입 니 다.새로운 css 스타일 은 다음 과 같 습 니 다.\#item { width: 200px; height: 200px; background: red; } div 를 새로 만 들 고 앞에서 정의 한 css 스타일 을 사용 합 니 다:
some text here body 표현 에 lang 속성 을 추가 합 니 다.중국 어 는 zh: 현재 div 요소 에 대한 스타일 을 다시 정의 합 니 다:*:lang(en) #item{ background:green !important; } 이렇게 하 는 것 은 쓰기 위해 서 이다!important 는 원래 css 스타일 을 덮어 씁 니 다.lang 선택 기 ie 7.0 은 지원 되 지 않 기 때문에 이 말 에 아무런 작용 도 하지 않 습 니 다.그래서 ie 6.0 에서 같은 효 과 를 얻 었 습 니 다.그러나 불행 하 게 도 safari 역시 이 속성 을 지원 하지 않 기 때문에 다음 과 같은 css 스타일 을 추가 해 야 합 니 다.\#item:empty { background: green !important } :empty 선택 기 는 css 3 의 규범 입 니 다.safari 는 이 규범 을 지원 하지 않 지만 이 요 소 를 선택 합 니 다.이 요소 가 존재 하 든 안 하 든 현재 녹색 은 ie 각 버 전 을 제외 한 브 라 우 저 에 있 고 다음 브 라 우 저 와 운영 체제 에서 테스트 를 통과 합 니 다.ie7 beta 2 preview/win ie5.01+/win firefox 1.5/win opera 8.5/win & linux netscape 7.01, 8/win mozilla 1.7.12/win & linux safari 2/mac firefox 1.0.4/linux epiphany 1.4.8/linux galeon 1.3.20/linux 는 멀리 있 는 작가 의 말 에 따 르 면 이것 은 hack 라 고 할 수 없고 filter 에 속 해 야 합 니 다.그러나 이것 은 가장 중요 한 것 이 아 닌 것 같 습 니 다.이 방법 을 통 해 우 리 는 IE 6.0,IE 7.0 과 다른 브 라 우 저 간 의 호환성 문 제 를 다시 해결 하 였 습 니 다.그리고 사용:lang-filter 라 는 방법 은 앞으로 한 동안 유용 할 것 입 니 다. 。
