여기에 나는 단점 모드의 웹 사이트가 있습니다. CSS1 호환 모드로 일부 페이지를 패치하는 중입니다.Chrome 및 Firefox의 Quirks/BackCompat 모드에 대한 순수한 CSS 선택기
기존의 CSS를 재사용하고 하나의 버전 만 사용하고 싶지만 일부 값은 각기 다른 상자 모델을 사용하므로 단점과 CSS 모드가 달라야합니다. .
는 HTML이 단점 또는 표준 모드에 있는지 알 수있는 선택은 내가 IE에 대한 몇 가지 CSS 해킹이 알고 ? 거기하지만 크롬과 파이어 폭스를 지원해야합니다.이 그렇게하지 않습니다 많은 HTML 선택기 인 CSS 선택기는 HTML 버크 (quirk)이지만, id과 class 속성은 쿼크 모드에서 대소 문자를 구분하지 않으므로 대소 문자가 다른 선택자를 의미합니다. 항상 일치합니다. 자세한 내용은 this answer 및 첫 번째 각주를 참조하십시오.
당신도 당신의 html 또는 body 요소 (클래스 이름은 중요하지 않음)과 다른 경우, 같은 클래스 이름으로 단점을 를 선택기 접두사에 클래스를 추가, 모든 페이지에 걸쳐 HTML을 수정할 수 있습니다 경우
<html class="quirks">
<!-- Or: <body class="quirks"> -->
#foo {
width: 480px;
padding: 10px;
}
/* Capital Q instead of small q, won't match in standards mode with a doctype */
.Quirks #foo {
width: 500px;
}
이 모든 브라우저에 적용 : 다음 코드 예입니다.
HTML을 수정할 수 없다면 모든 브라우저에 적용되는 순수 CSS 솔루션이 있다고 생각하지 않습니다. 이전 버전의 IE에서는 고의적으로 CSS2.1 셀렉터를 사용하여 IE5 버크와 이전 버전 (예 : 'html > body 해킹'과 같은)에서 스타일을 숨길 수 있었지만 Chrome 및 Firefox 또는 새로 출시 된 interoperable quirks mode에서이를 수행 할 수는 없습니다. IE10에서는 쿼크 및 표준 모드에서 동일한 고급 선택기를 지원하기 때문에