!important 핵아닌 css 핵
Friday, July 8, 2005 
!important 는 핵이 아닌 부분으로써 핵으로 많이 간주되고 쓰이고 있습니다.
이 important, 중요 부분은 특정한 값이 반복적으로 적용되었을 경우 어떤것에 우선순위를 주는지 정할수 있습니다. 해더의 폰트색상을 빨강으로 정해 놓고 혹시나 다른곳에서 정해줄때 바뀌지 않도록 !import 를 넣어주면 어떻게 되던간에 그 값이 지정값이 됩니다.
물론, IE 에서는 이것이 먹히지 않기에 간단한 값을 IE 에만 적용시키는 방법으로 쓰이기도합니다. 핵 으로 말이죠. 단. 맥용 ie5 이상은 !important 가 잘 먹힌다는거 알아두시면 좋겠죠.
Netscape 4x 버전에서는 먹히지 않습니다. ㅡㅡ;;;
절대 새벽에 포스팅 하면 안되겠군요. . .
아무튼 실수잡아주시는 분들 언제나 땡큐 뽀뽀 해드립니다.
ceprix crizin 두분 감사드립니다.
#header {color: #eee !important;}
세미콜른 전에 !import가 들어갑니다. ; 밖으로 나가거나 잘못 위치하게 되면 그것을 선택한 값이 전혀 사용이안되는 경우가 생기니 주의해서 넣으시기 바랍니다.
#header {color: #eee !important;} #header {color: #000;}
이렇게 주어질때에 ie를 제외한 모든 최신 브라우저들게는 #eee 색이 보이지만 ie 에서는 케스케이드로 인해서 000색이 보여야 하지만 !important 로 인해 #eee 가 보입니다.
사용이 간단하니 써볼만 하네요 ^^
언제한번 핵들을 다 정리해 봐야겠습니다. 물론 몇가지 메이저 문제들이 더 남아있기는 하지만요…
첨가:
#header { color: #eee !important; color: #000; }
IE 에서 같은 selector안에 같은값에 !important를 주면 인식하지 못합니다. ie 의 버그중의 하나겠죠. ^^; 지적해주신 제이님 감사요
ceprix
July 9th, 2005 at 2:08 am 인용
CSS에서 !important가 어떤 경우에서 정말 유용하긴 하죠. 그런데 이게 IE에서 안 먹힌다는 소리는 처음 듣는 것 같네요. 예를 들어서, 제 SpotMilk 테마에 !important를 어쩔 수 없이 조금 썼는데, IE6에서 잘 먹히는 것 같던데요?
[Reply]
crizin
July 9th, 2005 at 2:09 am 인용
IE 6.0에서는 #EEE로 잘 보이는데..
그 미만 버전에서 지원이 안되는건가요?
지금까지 익스에서도 당연히 지원 되는건줄 알고 잘 썼었는데 말이죠;;
[Reply]
일모리
July 9th, 2005 at 4:23 am 인용
네 아주 잘먹힙니다. 왜냐면 !important를 익스가 아주 잘 지원해 주기 때문이죠.. 아흑….. ㅠ.ㅠ
두분 감사합니다. 그리고 위의 포스팅에 약속된대로 되고 싶으시면 연락주세요. ㅡㅡ;
[Reply]
jay
July 9th, 2005 at 4:35 am 인용
재미있는 예제군요.
원래 윈IE는 !important를 제대로 인식하지 못합니다
하지만 위와같이 들어갔을경우 제대로 인식을 하는군요. 신기하네요.
#header {
color: #eee !important;
color: #000;
}
이런식으로 들어간다면 IE는 검은색으로 나옵니다.
두가지의 차이점이 무엇일까요
좀더 자세한자료는 이곳에서 확인해보세요
http://www.dithered.com/css_filters/css_only/index.php
[Reply]
jay
July 9th, 2005 at 4:36 am 인용
저에게도 뽀뽀?
[Reply]
jay
July 9th, 2005 at 4:40 am 인용
이런 url자동링크인건가요? 제가 쓴 a태그가 이중으로 들어갔군요 대략 죄송ㅠㅠ
[Reply]
일모리
July 9th, 2005 at 11:02 am 인용
저도 그부분이 헛갈렸을까요?
물론 새벽에 올리다 보니 해롱해롱한건 있었지만,,
아무튼 제이님께서 올리신 부분은 먹히지 않는군요.
땡큐~
뽀뽀는 아리따운 여친님께 부탁하시는게 더 빠를겁니다. ㅎ
[Reply]