CSS에서 !important는 무엇을 의미합니까?

CSS에서 !important는 무엇을 의미합니까?

무엇인가.!importantCSS로 평균?

CSS 2로 가능합니까? CSS 3으로 가능합니까?

어디에서 지원됩니까?모든 최신 브라우저?

그것은 본질적으로 그것이 말하는 것을 의미합니다; '이것은 중요합니다, 후속 규칙과 일반적인 특수성 문제를 무시하고, 이 규칙을 적용하세요!'

일반적인 사용에서 외부 스타일시트에 정의된 규칙은 다음에서 정의된 스타일에 의해 재정의됩니다.head이는 다시 요소 자체 내의 인라인 스타일에 의해 무시됩니다(선택기의 특수성이 동일할 경우).를 사용하여 규칙 정의!important'later'(?)는 'later' 규칙이 'later' 규칙을 무시하는 일반적인 문제를 무시합니다.

또한 일반적으로 더 구체적인 규칙은 덜 구체적인 규칙을 재정의합니다.그래서:

a {
    /* css */
}

일반적으로 다음에 의해 재정의됩니다.

body div #elementID ul li a {
    /* css */
}

후자의 선택기가 더 구체적이기 때문에 (일반적으로) 더 구체적인 선택기가 어디에서 발견되는지는 중요하지 않습니다.head또는 외부 스타일시트)는 여전히 덜 구체적인 선택기를 재정의합니다(인라인 스타일 속성은 항상 더 구체적이기 때문에 '더 많이' 또는 '더 적게' 특정 선택기를 재정의합니다).

하지만, 만약 당신이 추가한다면,!important덜 구체적인 선택자의 CSS 선언에 우선 순위를 가집니다.

사용.!important(내가 그들을 생각하려고 애쓰지만) 그것은 여우가 당신의 닭을 죽이는 것을 막기 위해 핵폭발을 사용하는 것과 같습니다. 네, 여우는 죽을 것이지만 닭도 마찬가지입니다.그리고 그 동네.

또한 CSS 디버깅을 (개인적, 경험적, 경험적) 악몽으로 만듭니다.

!중요한 규칙은 당신의 CSS를 계단식으로 만드는 방법이지만 당신이 가장 중요하다고 생각하는 규칙이 항상 적용되도록 합니다.!important 속성을 가진 규칙은 CSS 문서에서 해당 규칙이 어디에 나타나든 항상 적용됩니다.

따라서 다음과 같은 것이 있다면,

.class {
   color: red !important;
}
.outerClass .class {
   color: blue;
}

중요한 규칙이 적용되는 규칙이 됩니다(특정성을 계산하지 않음).

믿어요!importantCSS1에 등장하여 모든 브라우저가 지원합니다(IE4에서 IE6까지 부분 구현, IE7+ 전체).

또한 다른 사용자와 함께 작업할 경우 다른 속성을 재정의할 수 있기 때문에 자주 사용하지 않는 것이 좋습니다.

!important165 CSS1의 입니다.

이를 지원하는 브라우저: IE5.5+, Firefox 1+, Safari 3+, Chrome 1+.

다음과 같은 것을 의미합니다.

주위에 다른 중요한 것이 없다면 저를 이용하세요!

더 잘 말할 수 없습니다.

원점별 정렬이 이루어질 때 CSS 캐스케이드에서 정렬에 영향을 미치는 데 사용됩니다.여기 다른 답변에 명시된 것처럼 구체성과는 아무런 관련이 없습니다.

가장 낮은 것부터 가장 높은 것까지 우선 순위는 다음과 같습니다.

1. 브라우저 스타일
2. 사용자 스타일 시트 선언(!important 없음)
3. 작성자 스타일 시트 선언(!important 없음)
4. !중요한 작성자 스타일 시트
5. !중요한 사용자 스타일 시트

그 후에도 여전히 파이에 손가락이 있는 규칙에 대한 구체성이 발생합니다.

참조:

• http://www.w3.org/TR/CSS2/cascade.html#cascade
• https://russmaxdesign.github.io/maxdesign-slides/02-css/207-css-cascade.html

CSS 캐스케이드의 우선 순위를 재정의하는 규칙을 변경합니다.CSS2 사양을 참조하십시오.

언급URL : https://stackoverflow.com/questions/9245353/what-does-important-mean-in-css