집 > 기사 > 웹 프론트엔드 > CSS에서!important의 용도는 무엇입니까? CSS에서 !important의 역할

CSS에서!important의 용도는 무엇입니까? CSS에서 !important의 역할

不言원래의: 2018-08-20 10:20:201882검색

이 글의 내용은 CSS에서 !important의 사용법이 무엇인지에 관한 것입니다. CSS에서 !important의 역할은 특정 참조 가치가 있습니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

CSS에서 !important의 역할

IE6.0, IE7.0 및 FireFox용 해킹을 작성하려면 {*rule !important}를 추가하세요

*IE 시리즈 브라우저에서 인식될 수 있습니다. Firefox 브라우저는 이를 인식할 수 없습니다

! important는 IE7.0과 Firefox에서만 인식되지만 IE6.0은 성공적으로 적용할 수 없습니다

Difference

(1) IE와 Firefox를 구별하는 방법은 다음과 같습니다: border:2px solid #f00;*border:1px solid # f00;

(2) Ie6.0과 Ie7.0 및 Firefox를 구별하는 방법은 다음과 같습니다. border:1px solid #f00!important; border:2px solid #f00;

Analytic

(1)에서 *가 뒤에 배치되는 이유는 Firefox가 *를 인식하지 못하기 때문에 테두리를 한 번만 설정하고 IE 시리즈가 테두리를 두 번 설정한 후에는 후자 속성이 이전 속성을 덮어쓰므로 1픽셀입니다. 국경.

(2)에서 첫 번째 테두리 설정에 !important를 배치하는 이유는 테두리를 한 번 설정하거나 나중에 N번 설정해도 효과가 없기 때문입니다. 그러나 Ie6.0은 이 규칙을 받아들이지 않기 때문에 두 번째 테두리 설정을 적용하게 됩니다. 즉, 두 번째로 첫 번째 원칙을 덮어쓰게 된다는 것은 !important;를 인식하지 못하는 것이 아니므로 테두리가 2픽셀 빨간색입니다. .frame.

Example

CSS

 #Box {
      color:red !important;
      color:blue;
 }

HTML

 <p id="Box"> 在不同的浏览器下，这行字的色应该不同！</p>

이 예제는 IE 환경에서 자주 볼 수 있는 중요한 사용법이어야 합니다. 이 텍스트는 파란색입니다. , Firefox에서는 빨간색입니다.

CSS에서!important의 용도는 무엇입니까? CSS에서 !important의 역할

Difference

Analytic

Example

관련 기사