CSS에서 !important가 의미하는 것

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

---

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

CSS 2에서 사용할 수 있습니까? CSS 3?

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

답변

---

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

일반적으로 외부 스타일 시트에 정의 된 규칙 head 에 정의 된 스타일에 의해 무시되며, 이는 차례로 요소 자체 내의 인라인 스타일에 의해 무시됩니다 (선택 자의 동일성이 동일하다고 가정). !important '속성'(?)을 사용하여 규칙을 정의하면 '이전'규칙을 재정의하는 '나중'규칙과 관련된 일반적인 문제가 삭제됩니다.

또한 일반적으로보다 구체적인 규칙이 덜 구체적인 규칙보다 우선합니다. 그래서:

a {     /* css */ } 

일반적으로 다음에 의해 무시됩니다.

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

후자의 선택기가 더 구체적이기 때문에 (일반적으로 더 구체적인 선택기가 어디에 있는지 ( head 또는 외부 스타일 시트에서) 문제가 되지 않기 때문에 덜 구체적인 선택자를 재정의합니다 (인라인 스타일 속성은 항상 더 구체적 이기 때문에 항상 'more-'또는 'less-'특정 선택자를 재정의하십시오.

그러나 덜 구체적인 선택기의 CSS 선언 !important 를 추가하면 우선 순위가 있습니다.

!important 를 사용하는 것은 목적이 있지만 (생각하기 힘들지만) 여우가 닭을 죽이는 것을 막기 위해 핵폭발을 사용하는 것과 매우 유사합니다. 예, 여우는 죽겠지 만 닭도 죽을 것입니다. 그리고 이웃.

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

출처 : https://stackoverflow.com/questions/9245353/what-does-important-mean-in-css