CSS: !중요 코드 공유 사용-CSS 튜토리얼-php.cn

CSS: !중요 코드 공유 사용

黄舟

풀어 주다： 2017-07-27 11:11:34

원래의

2040명이 탐색했습니다.

이 글은 최신 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

CSS: !중요 코드 공유 사용