CSS / 기초 / !important
CSS는 같은 속성을 여러 번 정의했을 때, 나중에 설정한 값이 적용된다. 만약 나중에 설정한 값이 적용되지 않게 하려면 속성값 뒤에 !important
를 붙인다.
property: value !important;
예를 들어 다음은 마지막에 설정한 color
의 값이 blue
이므로, red
는 무시하고 문단의 글자색을 파란색으로 만든다.
p { color: red; } p { color: blue; }
하지만 다음은 red
에 !important
가 있으므로 문단의 글자색을 빨간색으로 유지한다.
p { color: red !important; } p { color: blue; }
다시 속성값을 재설정하고 싶으면 !important
를 다시 붙인다. 예를 들어 다음은 문단의 글자색을 녹색으로 만든다.
p { color: red !important; } p { color: blue; } p { color: green !important; }