Re: [問題] 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以後似乎就可以了...
: 這樣說好了
: 我以為我如果用
: .style{overflow:hidden!important;}
: 對IE6來說他應該是
: .style{}
: 但是他卻執行出
: .style{overflow:hidden;}
你的理解有誤
.style{overflow:hidden!important;}
IE6會解讀為
.style{overflow:hidden;}
如果是
.style{
overflow:hidden!important;
overflow:auto;
}
IE6解讀
.style{
overflow:hidden;
overflow:auto;
}
簡單說就是IE6無視!important的優先權
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.126.236.188
推
10/18 23:17, , 1F
10/18 23:17, 1F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 3 篇):