묻고답하기
CSS에 있는 !important 라는건 뭔가요?
2007.12.24 18:02
CSS를 손보면서 레이아웃 만들어보려고 하고있는데요.
공식레이아웃 css 보니까. 코드 중간에
!important
라는 것이 들어가있는데..
예)
~전략~
#lnb li ul li a { width:auto; padding:2px 5px 0px 5px; color:#818181 !important; border:none; background:none !important; border:none !important;}
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;}
#lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/default/bulletLnb.gif) no-repeat 130px center !important;}
~후략~
좌측 메뉴 만들때 그런게 나오더군요.
임포턴트~!
이게 무슨뜻인지..^^; 처음보는거라서...
아시는분 조언 좀 부탁드립니다.
댓글 2
-
소마세월
2007.12.24 18:25
-
SensePlus1
2007.12.24 23:13
저도 인터넷으로 찾아보고 테스트 해보니, 대충 알게 되었네요~
우선권를 주어지는게 맞는거 같습니다.
대충 설명하면, id="aaaa" 영역의 <h1>값이 color값이나, 보드, 기타 CSS값이 !important로 지정되어 있으면,
그 이후로 CSS값을 변경하여도, !important로 CSS의 최상위에 있으므로, 적용이 안되더군요~
나름대로 아래와 같이 TEST해 봤습니다.
<head> <style type="text/css"> #aaa h1{color:#818181 !important;} </style> </head> <body> <div id="aaa"> <h1> 테스트 화면입니다.</h1> <h1 style="color:#0000FF"> 테스트 화면입니다.</h1> </div> </body>
잘은 모르겠지만..
우선권을 주는것 같습니다.