>  기사  >  웹 프론트엔드  >  CSS에서 무게를 늘리는 방법

CSS에서 무게를 늘리는 방법

醉折花枝作酒筹
醉折花枝作酒筹원래의
2021-06-01 15:03:347016검색

CSS에서는 "!important"를 사용하여 가중치를 늘릴 수 있으며 구문은 "selector {style: value!important;}"입니다. CSS 스타일에 "!importanrt"를 추가하면 상위 스타일을 재정의할 수 있습니다. IE6에서는 인식되지 않지만 IE7 및 기타 브라우저에서는 브라우저 호환성을 처리하는 데 사용할 수 있습니다.

CSS에서 무게를 늘리는 방법

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

페이지의 모든 원자 클래스에 매우 큰 가중치가 있으므로 페이지의 모든 레이블에 이 원자 클래스가 포함되면 자체 스타일에 따라 계단식으로 연결되지 않고 스타일이 즉시 생성되기를 바랍니다. 그래서 이때 !important를 사용하면 가중치를 높일 수 있습니다!

.warning{
	color:red !important;
}

important는 영어로 중요하다는 뜻입니다. 작성 방법에 주의하세요! 세미콜론 앞에 작성하고, 가중치를 높이는 속성이 여러 개 있는 경우 다음과 같이 여러 속성을 작성해야 합니다.

.warning{
	color:red !important;
	font-weight: bold !important;
  }

참고, 해당 페이지는 남용을 엄격히 금지합니다. 가중치를 높이는 데 중요하며 다음과 같은 경우에만 사용할 수 있습니다. 원자 수업!

참고:

!important는 상속에 영향을 주지 않습니다. 태그는 상속을 통해 영향을 받으며 가중치는 0입니다. !important를 추가하는 것도 0이며 선택한 선택기와 경쟁할 수 없습니다.

!important는 근접성 원칙에 영향을 주지 않습니다. 먼 곳에 !중요함을 쓰는 것은 쓸모가 없습니다. 가까운 것이 승리할 것입니다!

모두 상속된 속성이고 모두 똑같이 가깝게 설명했다면 이번에는! 중요한 것의 무게를 늘리는 데에만 유용합니다.

추천 학습: css 비디오 튜토리얼

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.