본문으로 바로가기

[CSS] !important 활용

category Helloworld!/CSS 2015. 3. 4. 15:13
important 사용법 : { 속성 : 속성값 !important; }

중요하다는 표시로 어떤 경우에나 이것이 우선 적용 되도록 하고 싶을 때 사용한다.

예를들어서


CSS를 다음과 같이 했을 경우


* { color: #000 !important }
.white { color: #fff }


<span class="white">Helloworld</div>


CSS는 절차지향(순차지향)적인 언어이기때문에 

모든 텍스트의 색상을 검정으로 적용하기를 제일 상단에 해놨지만,

제일 하단에 white란 클래스 일경우에는 텍스트 색상을 하얀색으로 적용하라고 제시해놨기 때문에

Helloworld는 하얀색으로 나와야함.


하지만 important를 사용하므로써 (어떤 경우에도 우선 적용되기때문에) Helloworld는 검정색으로 나올것이다.