H도 F도 없는 영역에 도달하기 전에~아직 고생해야 합니다~브라우저_경험 교환의 CSS와 호환됩니다.

여러 브라우저에서 서로 다른 구문 분석을 접하는 것은 실망스러운 일이며 CSS를 작성하는 모든 사람이 겪게 되는 일입니다.
조건부 주석은 이상적인 접근 방식이지만 상위 및 하위 호환이 가능합니다. 안타깝게도 저는 N 버전의 CSS를 별로 좋아하지 않습니다.

먼저 내 사용법에 대해 이야기하겠습니다.
초기화
선택기{}
이전 버전과의 호환성을 보장합니다. start Filter
IE6에 Quirks 모드
가 도입되었는지 여부에 관계없이
* html 선택기{}
를 사용하여 IE6 이하 버전을 처리합니다.
하위 버전과 하위 버전을 더 복잡하게 구분했습니다. 낮은 버전을 처리합니다.
IE5.x 읽기에 사용

@media tty {
i{content:"";/*" "*/}} @import 'ie5x.css' /*";}
}/* */

IE5는 여러 측면에서 IE5.5와 유사하기 때문에 특별한 요구 사항에서만 사용됩니다.
그러나 IE5는 항상 동일합니다.
I 더 구별해야 합니다.

*>html 선택기{}

를 사용하면
*>html 본문 선택기{}
비교해야 문제를 처리하기가 더 쉽습니다.

IE7의 CSS 지원은 FF, Opera, Safari와 같은 브라우저와 비슷하지만 항상 몇 가지 특별한 문제가 있습니다.
*+ html을 사용합니다. IE7을 구체적으로 다루기 위한 선택기{}
이지만 IE7에도 Quirks Mode가 도입되면서 문제가 매우 복잡해졌고 CSS에 대한 이해도도 IE5와 매우 비슷하지만 차이점은 없습니다. 그래서 해결책을 찾았기 때문에 IE7에 Quirks 모드를 도입하는 것을 거부했습니다.

FF는 가끔 특별한 문제가 있습니다.

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url("http://www.loaoao.com") {
선택자{ .. .important}
}

Opera는 ACID2를 통과했지만
지루한 글쓰기 방식으로는 여전히 이런 문제가 있습니다 li:hover+li {} 이 릴리스 버전에서 문제가 해결될까요?
다행히도 다른 사람들이 이를 제공했습니다

@media all 및 (min-width: 0px){
Selectors{}
}

사파리 뭐죠? 제가 애플 제품을 살 돈이 없어서 용서해 주세요.
이게 가장 안타까운 일인데, 사파리는 표준을 지원합니다. 아주 좋습니다.
더보기 다양한 필터링 방법은 http://centricle.com/ref/css/filters/를 참조하세요


핵을 사용하든 필터를 사용하든 고통스럽습니다
오늘의 문제를 해결하는 것은 내일을 생산하는 것이 아닙니다