CSS에서 중요한 사용법

CSS에서는 스타일 뒤에 "!important"를 써서 지정된 스타일 규칙의 적용 우선순위를 높일 수 있습니다. 구문은 "selector {style: value!important;}"입니다. IE6에서는 인식되지 않지만 IE7 및 기타 브라우저에서 사용하여 브라우저 호환성을 처리할 수 있습니다.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS는 다른 위치에 작성되므로 요소 스타일의 CSS 파일 < 속성에 정의된 내용이 다르지만 !important를 사용하면 지정된 스타일 규칙의 적용 우선순위가 높아집니다. important }, 즉 정의의 마지막 부분에 작성됩니다

!important 구문

selector {style: value!important;}

!important는 개발자에게 스타일의 가중치를 높이는 방법을 제공합니다. !important는 이 스타일의 속성과 속성값을 포함한 전체 스타일의 선언이라는 점에 유의하세요

Example

 
 

     !important实例
 

위 코드에서 중요한 속성을 추가하지 않으면 하이퍼링크의 색상이 변경됩니다. 파란색으로 표시되지만 중요 항목을 추가한 후에는 우선순위가 높아져 표시 색상이 녹색으로 표시됩니다. 
참고: 

속기 스타일 속성에 !important를 사용하는 경우 이 속기 스타일 속성으로 표시되는 하위 속성은 !important의 영향을 받습니다. 
키워드 !important는 스타일 줄의 끝과 줄의 세미콜론 앞에 배치되어야 합니다. 그렇지 않으면 아무런 효과가 없습니다. (단, 세미콜론 앞의 공백은 영향을 주지 않습니다.) 
어떤 특별한 이유로 인해 하나의 코드 블록에서 두 개의 동일한 속성을 선언해야 하는 경우 첫 번째 속성 뒤에 !important를 추가하세요. 첫 번째 속성은 IE6을 제외한 모든 브라우저에서 더 중요합니다(이것은 IE6에서만 사용할 수 있지만 CSS에는 영향을 주지 않습니다) 

권장 학습: css 비디오 튜토리얼 
위 내용은 CSS에서 중요한 사용법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!