[問題] CSS hack !important的用法

[oj113068 (橘子汁)]

大家好，又來問問題了Orz

我想要確認一下把CSS的屬性提高優先的「!important」的用法

因為想要利用他區別不同的瀏覽器

雖然查到他是「IE6不會讀取這一行，會直接往下一行讀取」

可是我發現如果我是這麼寫的

.style{overflow:hidden!important;}

IE6還是會執行overflow:hidden

但如果我用

.style{overflow:hidden!important;
      overflow:none;}

他就會執行overflow:none;

可是這樣很奇怪

這樣並不是「IE6不會讀取這一行，會直接往下一行讀取」，

而是「FF等瀏覽器優先讀取overflow:hidden!important;」

請問他的用法和原理是什麼呢？我有點被搞迷糊了Orz

附註：雖然說overflow:hidden在IE6應該是不能被內部的浮動DIV展開，不過這次用了
CSS REST以後似乎就可以了...



--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.104.136.71
※ 編輯: oj113068        來自: 59.104.136.71        (10/18 22:33)
→ grence:IE 6不認識 !important，所以重複定義樣式，後面會蓋掉前面
→ oj113068:可是這樣的話，如果我後面沒定，他不會用預設值嗎？
→ oj113068:而且我沒有定後面的樣式，他還是有執行前面的耶~@ @
→ opoepev:不會~因為就沒定義了~哪來的預設值!?
→ oj113068:我的意思是，他應該會等於沒有這個屬性吧~@ @a
這樣說好了

我以為我如果用

.style{overflow:hidden!important;}

對IE6來說他應該是

.style{}

但是他卻執行出

.style{overflow:hidden;}

※ 編輯: oj113068        來自: 59.104.136.71        (10/18 22:46)
→ TonyQ:ie6 是認識 important的 .
→ TonyQ:他只是如果同一個樣式定義下重複出現，後者還是會蓋掉。
→ TonyQ:但是如果出了那個定義區塊， important 還是有作用的。
                 ^^^^^^^^^^^^^^^^不好意思，我有點不懂，
                                 是指繼承嗎？
→ TonyQ:說 ie6 不認識 important 其實是個比較精簡的說法，正確來講
→ TonyQ:是行為不一致。
→ oj113068:那如果我把有!important的那行寫後面，他還是會執行
→ oj113068:出來？
※ 編輯: oj113068        來自: 59.104.136.71        (10/18 23:01)
※ 編輯: oj113068        來自: 59.104.136.71        (10/18 23:02)
→ TonyQ:看我回的範例吧。
→ oj113068:我看到了!!謝謝T大~^^