CSS - !important

Development/CSS 2012. 5. 31. 18:06


CSS 에서 !important 속성은 무엇을 뜻하는 것일까?

CSS(Cascading Style Sheets)는 Cascading 즉 폭포처럼 위에서 아래로 흘러내리는 스타일들의 묶음이다. 위에서 아래로 흘러내린다? CSS의 가장 큰 특징이자 매력은 중복 정의와 가장 나중에 정의된 값이 적용된다는 점입니다.

예를 들어 아래와 같이 스타일을 만든다고 하면 본문의 색상은 나중에 설정해준 흰색이 될 것입니다.

body { color: black; }

body { color: white; }

그런데 이 때  아래와 같이 !important를 사용하면 나중에 적용될 값들을 무시하도록 할 수 있습니다.

body { color: black !important; }

body { color: white; }

결국 !important 는 앞선 스타일의 속성이 중요하기 때문에 변경되지 말라고 하는 것을 나타냅니다.

이는 CSS를 해석하는 브라우저에게도  중요함을 알려주지만 공동 작업하는 웹디자이너에게도 중요함을 알려줄 수 있는 좋은 수단입니다


출처 - http://hornil.com/bbs/board.php?bo_table=comm_hp_note&wr_id=20

'Development > CSS' 카테고리의 다른 글

CSS - text-decoration 속성  (0) 2012.06.05
JS와 CSS의 문자셋 지정  (0) 2012.06.01
CSS - Font-Weight  (0) 2012.05.30
css - background-image 인쇄 문제  (0) 2012.05.30
css - 마우스 오버시 변하는 버튼  (3) 2012.05.29
Posted by linuxism
,