>  기사  >  웹 프론트엔드  >  IE6도 인식합니다!중요

IE6도 인식합니다!중요

巴扎黑
巴扎黑원래의
2017-04-05 10:53:441910검색

!important는 일반적으로 IE6, Firefox 등의 브라우저를 구별하기 위한 기본적인 Hack 기술로 사용됩니다. IE6은 !important를 지원하지 않지만 Firefox는 스타일의 우선순위를 변경하는 !important를 이해할 수 있습니다. 실제로 IE6에서는 어떤 경우에는 !important도 인식할 수 있습니다.

예:

<style type="text/css">
.demo{
	color:red !important;
	color:green;
}
</style>
<p class="demo">www.admin10000.com</p>

위 코드의 글꼴은 FF에서는 빨간색, IE6에서는 녹색입니다. 이는 IE6이 !important의 존재를 무시한다는 것을 의미합니다.

다시 살펴보겠습니다:

<style type="text/css"> 
.demo{ color:red !important; } 
.demo { color:green; } 
</style> 
<p class="demo">www.admin10000.com</p>

IE6이 !important를 인식하지 못한다면 위 코드에서 .demo의 내용이 녹색으로 표시되어야 하는데 그렇지 않습니다. .demo의 내용이 빨간색으로 표시되어 IE6가 !important를 인식한다는 의미입니다.

두 상황의 차이점은 선택기에서 스타일 우선순위를 변경하기 위해 !important를 사용하는 경우 IE6에서는 유효하지 않습니다. 이후 스타일은 이전 스타일을 포함하며 !important를 사용하면 스타일 우선순위가 완전히 무시됩니다. .Hack은 이를 활용합니다. 그리고 !important가 다른 선택기에서 적용되면 IE6에서는 !important를 인식합니다.

관련 문서: IE6의 CSS 다중 클래스 선택자 정보

위 내용은 IE6도 인식합니다!중요의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.