CSS / !important
개요
CSS는 같은 속성을 여러 번 정의했을 때, 나중에 설정한 값이 적용됩니다. 만약 나중에 설정한 값이 적용되지 않게 하려면 속성값 뒤에 !important를 붙입니다.
문법
|
1 |
property: value !important; |
예를 들어
|
1 2 3 4 5 6 |
p { color: red; } p { color: blue; } |
는 마지막에 설정한 color의 값이 blue이므로, red는 무시하고 문단의 글자색을 파란색으로 만듭니다. 하지만
|
1 2 3 4 5 6 |
p { color: red !important; } p { color: blue; } |
는 red에 !important가 있으므로 문단의 글자색을 빨간색으로 유지합니다.
다시 속성값을 재설정하고 싶으면 !important를 다시 붙입니다. 예를 들어
|
1 2 3 4 5 6 7 8 9 |
p { color: red !important; } p { color: blue; } p { color: green !important; } |
는 문단의 글자색을 녹색으로 만듭니다.