CSS 에서 !important 속성은 무엇을 뜻하는 것일까?
CSS(Cascading Style Sheets)는 Cascading 즉 폭포처럼 위에서 아래로 흘러내리는 스타일들의 묶음이다. 위에서 아래로 흘러내린다? CSS의 가장 큰 특징이자 매력은 중복 정의와 가장 나중에 정의된 값이 적용된다는 점입니다.
예를 들어 아래와 같이 스타일을 만든다고 하면 본문의 색상은 나중에 설정해준 흰색이 될 것입니다.
body { color: black; }
body { color: white; }
그런데 이 때 아래와 같이 !important를 사용하면 나중에 적용될 값들을 무시하도록 할 수 있습니다.
body { color: black !important; }
body { color: white; }
결국 !important 는 앞선 스타일의 속성이 중요하기 때문에 변경되지 말라고 하는 것을 나타냅니다.
이는 CSS를 해석하는 브라우저에게도 중요함을 알려주지만 공동 작업하는 웹디자이너에게도 중요함을 알려줄 수 있는 좋은 수단입니다.