!important 문을 사용하여 CSS에서 우선순위를 강제하는 방법에 대한 자세한 소개

!중요한 문은 우선순위를 강제합니다.

CSS 우선순위에는 가장 무적의 또 다른 문이 있는데, 바로 !important입니다.

CSS 스타일 시트에서는 !important 선언이 있는 스타일이 먼저 사용됩니다. 우선 순위는 인라인 스타일 속성에 선언된 스타일을 포함하여 어디에서나 어떤 방식으로든 스타일 선언을 재정의합니다.

예를 들어 다음 코드는

<style type="text/css"> 
p{ color:red !important; }  
</style> 
<p style="color: blue; ">这是一行文字</p>

여기의 이 텍스트 줄은 브라우저에서 여전히 빨간색 글꼴로 표시됩니다.

따라서 CSS 스타일 일치의 우선순위는 다음 순서를 따릅니다.

(1) !important 선언이 다른 모든 것보다 우선합니다.

(2) 인라인 스타일이 두 번째입니다.

(3) 스타일 시트의 선언은 선택기의 가중치에 따라 정렬됩니다.

(4) 마지막으로 "마지막 우선" 원칙에 따라 브라우저가 스타일 시트를 실행하는 순서에 따라 스타일을 일치시킵니다.

물론 마지막으로 한 가지 강조해야 할 점은 스타일이 설정되지 않은 경우 상위 노드의 스타일이 자동으로 상속된다는 것입니다.

위 내용은 !important 문을 사용하여 CSS에서 우선순위를 강제하는 방법에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!