살아 숨 쉬는 웹 - 블루비 :: Web Developer

!important 속성은 2중 선언된 스타일에 대해서 우선순위로 만들어준다.
다시 말해 같은 아이디,클래스,태그에 대한 2중선언이 있을시 !important 된것을 기준으로 스타일이 적용 되며,
이중 선언된 스타일에 대해서는 무시되어 진다.

아래의 예를 보면서 이해 하기 바란다.

!important 없이 #p2 아이디에 대해서 2중선언 되어 있다 첫번째 #p2의 글자 색상은 blueb 2번째 #p2의 색상은 color 아래의 결과에서 나타나듯이 마지막에 선언된 red 의 스타일이 적용되어 진다.

<style type="text/css">
#p1, #p2 { color: blue; }
#p2 {color:red;}
</style>

안녕. 나는 블루비야.
CSS 너무 어려워.
쉽게 배울 수 없을까?

안녕. 나는 블루비야.

CSS 너무 어려워.

쉽게 배울 수 없을까?

위코드와 다른 점은 !important가 추가 되었다.
결과에서 보듯시 마지막 #p5 의 글자 색상은 red 이다 하지만 결과는 blue 스타일이 적용되어있다.

<style type="text/css">
#p4, #p5 { color: blue !important; }
#p5 {color:red;}
</style>
안녕. 나는 블루비야.
CSS 너무 어려워.
쉽게 배울 수 없을까?

안녕. 나는 블루비야.

CSS 너무 어려워.

쉽게 배울 수 없을까?