CSS 중요한 것은 무엇입니까?-프런트엔드 Q&A-php.cn

CSS 중요한 것은 무엇입니까?

藏色散人

풀어 주다： 2023-01-04 09:38:23

원래의

2347명이 탐색했습니다.

css important는 CSS1에서 정의한 구문입니다. 해당 기능은 지정된 스타일 규칙의 적용 우선순위를 높이고 브라우저가 이 명령문을 먼저 실행할 수 있도록 하는 것입니다. 구문 형식은 일반적으로 "{sRule !important }"와 같습니다. 해킹에 사용됩니다.

CSS 중요한 것은 무엇입니까?

이 기사의 운영 환경: windows10 시스템, CSS3, thinkpad t480 컴퓨터.

추천: CSS에서 "css Video Tutorial"

!important는 일반적으로 해킹에 사용되며 브라우저가 이 명령문을 먼저 실행할 수 있도록 !important CSS 문이 뒤에 옵니다.

CSS는 스타일을 상속받았기 때문에 !importanrt를 추가하면 상위 스타일을 무시할 수 있습니다. IE6에서는 인식할 수 없으나 IE7 및 기타 브라우저에서는 브라우저 호환성을 처리하기 위해 사용할 수 있습니다.

!important

!important는 CSS1에서 정의한 구문으로, 지정된 스타일 규칙의 적용 우선순위를 높이는 데 사용됩니다. 구문 형식 {sRule!important}는 다음과 같이 정의 끝에 직접 작성됩니다.

p{color:green !important;}

로그인 후 복사

참고: IE는 이 구문을 지원하지 않지만 다른 브라우저에서는 지원합니다. 따라서 이를 사용하여 FF 및 IE 브라우저에 대한 스타일을 각각 정의할 수 있습니다.

글꼴 크기와 같은 스타일 A를 정의했고 나중에 스타일 A로 덮어쓰지 않으려면 !important를 사용할 수도 있습니다. 그리고 새 스타일도 !important를 사용합니다. , 그래도 발생합니다. 강제로 덮어쓰기

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

로그인 후 복사

참고로 동일한 이름의 스타일이어야 합니다. 즉, 스타일 이름이 모두 A라고 합니다. 상위 및 하위 상황인 경우 작동하지 않습니다. 예를 들면 다음과 같습니다.

<html>
<head>
<style>
.father{
font-size:12px !important;
}
.child{
font-size:14px;
}
</style>
<body>
<div class="father">
 <div class="child">I am child </div>
</div>
</body>
</html>

로그인 후 복사

이 경우 자식의 글꼴 크기는 14px이고 아버지의 영향을 받지 않습니다.

위 내용은 CSS 중요한 것은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!