important 사용법 : { 속성 : 속성값 !important; }
중요하다는 표시로 어떤 경우에나 이것이 우선 적용 되도록 하고 싶을 때 사용한다.
예를들어서
CSS를 다음과 같이 했을 경우
* { color: #000 !important }
.white { color: #fff }
<span class="white">Helloworld</div>
CSS는 절차지향(순차지향)적인 언어이기때문에
모든 텍스트의 색상을 검정으로 적용하기를 제일 상단에 해놨지만,
제일 하단에 white란 클래스 일경우에는 텍스트 색상을 하얀색으로 적용하라고 제시해놨기 때문에
Helloworld는 하얀색으로 나와야함.
하지만 important
를 사용하므로써 (어떤 경우에도 우선 적용되기때문에) Helloworld는 검정색으로 나올것이다.