CSS에서 !important 사용 방법 요약

다음은 CSS에서 더 중요한 !중요한 속성 중 하나에 대한 간략한 소개입니다. 다음 두 가지 사항은 저자의 사례를 요약한 것입니다.

1. IE가 특정 CSS 사양에서 벗어나는 상황을 해결하는 데 사용됩니다. 예 IE의 효과는 Firefox, Opera 등의 다른 브라우저와 항상 2px 다르기 때문에 페이지 레이아웃이 잘못 정렬됩니다. 이는 IE의 상자 간 거리 해석 버그로 인해 발생합니다. !important를 사용하여 문제를 해결하세요.

예를 들어 다음 스타일

.myclass{
 margin-left:20px!important;
 margin-left:40px;

}

Firefox, Opera 및 Chrome에 있는 경우 이러한 브라우저는 !important 속성을 지원합니다. 즉, margin-left:20px!important 문이 기본적으로 적용됩니다. , 다음은 !important로 선언된 스타일이 이를 재정의하지 않습니다. 즉, 가장 높은 수준을 가지며 아래의 누구도 나를 대체할 수 없습니다!

그런데 IE 브라우저로 전환하면 어떻게 될까요? IE는 !important를 지원하지 않기 때문에 IE는 이 문장의 의미를 모른다는 뜻이므로 멍청한 IE는 이 항목을 건너뛰었고 다음은 기사를 알고 있었기 때문에 여백을 두었습니다. -left:40px;

이 말에서 한 가지 주의할 점은 다음과 같습니다.

IE가 실제로 !important를 모른다는 의미는 아닙니다. IE를 다른 브라우저와 구별하기 위해 !important만 사용하려는 경우 다음과 같이 잘못된 것입니다.

.myclass{
backgroud-color:black !important;
}

.myclass{
 margin-left:20px!important;
 margin-left:40px;

}

rree

.A{
 font-size:12px !important;
}
.A{
 font-size:14px;   //不会生效
}

.A{
 font-size:14px !important; //生效
}

위 내용은 CSS에서 !important 사용 방법 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!