이 글은 최신 IE10, Firefox, Chrome을 사용하여 테스트되었습니다. (2013년 5월 27일 22:23:22 기준)
CSS의 원리:
CSS는 다른 위치에 작성될 때 다른 우선순위를 갖는다는 것을 알고 있습니다. level, 요소 스타일의 .css 파일
먼저 다음 코드를 살펴보겠습니다.
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试Css中的!Important区别</title>
</head>
<style type="text/css">.testClass{
color:blue !important;
}</style><body>
<p class="testClass" style="color:red;">
测试Css中的Important </p></body></html>요소 스타일에 testClass 클래스 정의가 있지만 위 CSS 정의에서 !important로 한정된 정의의 우선순위가 가장 높습니다. ie6-10이나 Firefox, Chrome의 성능은 일관되며 둘 다 파란색으로 표시됩니다.
이 상황은 또한 ie6가 !important를 인식할 수 있음을 보여 주지만 이는 ie6의 결함입니다. 다음과 같은 스타일로 작성하면 IE6에서는 인식하지 못합니다.
.testClass{
color:blue !important;
color:red;
}이렇게 하면 IE6에서 표시할 때 빨간색으로 표시됩니다.
물론, 다음 방법을 통해 ie6에서 인식하게 할 수도 있습니다.
.testClass{
color:blue !important;
}
.testClass{
color:red;
}위 방법을 통해 ie6 디스플레이를 파란색으로 만들 수도 있습니다.
위 내용은 CSS: !중요 코드 공유 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
