[CSS] !important 속상값 우선 적용

홈페이지에 카카오 지도를 추가하다 중알 정렬을 위해 margin 값에 auto를 주었는데도

중앙 정렬이 되지 않아 구글링을 하다 !import 라는 것을 알게 되었다.

<div id="hi">안녕하세요</div>
#hi {color : blue !important; }
#hi {color : red;}

결과 : 안녕하세요

위에 코드와 결과를 살펴보면 일반적으로는 마지막으로 선언된 속성값이 적용되어서

빨간색으로 출력이 되어야 하지만 !important 를 통해 파란색이 출력된 것을 볼수 있고

이를 통해 !important는 해당 속성값이 우선 적용 되도록 도와준다는 것을 알수 있다.

중요하거나 변경되지 않도록 하고 싶은 속성값이 있다면 !important 를 사용하도록 하자.