<button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins>
<button id="nc8ni"><form id="nc8ni"></form></button>
<form id="nc8ni"><xmp id="nc8ni">
<ins id="nc8ni"><button id="nc8ni"></button></ins>
<button id="nc8ni"><xmp id="nc8ni">
<ins id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></ins>
<button id="nc8ni"><xmp id="nc8ni">
<button id="nc8ni"><xmp id="nc8ni">
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><form id="nc8ni"></form></button>
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins>
<button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form>
<ins id="nc8ni"><form id="nc8ni"></form></ins>
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button>
<button id="nc8ni"></button>
<button id="nc8ni"></button>
訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

理解css里的!important是什么意思?

網(wǎng)絡(luò ) 2008/4/25 23:11:14 深山行者 字體: 瀏覽 19483

是為了兼容IE/FF

font-size: 12px !important;
font-size: 13px;
在IE里面,由于IE不理解 !important,則字體大小按照最后設定的13px展示
而FF里面, !important為提高優(yōu)先級別,則字體大小按照 !important標記的12px展示
 

"!important"ie6是不能識別的,而FF可以,所以用它對FF和IE6.0分別設置樣式,原因是這兩種瀏覽器中對代碼的解釋存在差異,因而導致有時(shí)候相同的樣式卻是不同的效果!
后來(lái)到了IE7"!important"又可以被識別了,所以就不能用了;
現在的做法是IE7中在樣式前加"*+html",FF則直接寫(xiě),FF不能識別"*+html"這個(gè)字符串,利用這點(diǎn)做到樣式對瀏覽器的兼容;不過(guò)缺點(diǎn)是增加了樣式表的長(cháng)度,拖延了載入時(shí)間~
不過(guò)最好的做法還是用JS探測瀏覽器的版本,然后鏈接不同的樣式表!

 

首先,!important使用的主要目的是區分(IE6)和(IE7,FF),注意IE6是一類(lèi),IE7,FF這兩個(gè)是一類(lèi),因為這兩個(gè)對最新的css完全支持且程度類(lèi)似。

其次,IE6不解析!important(所以IE6的css最新標準支持不完全),IE7,FF解析!important(支持完善)

再次,某些css某些代碼在這兩類(lèi)瀏覽器里的顯示是有差別的(注意這也是使用!important的主要原因所在),比如height: 21px;,在IE6和(IE7,FF)里顯示就有差別,后者(IE7,FF)會(huì )比前者(IE6)少一個(gè)像素。

所以,為了保持各個(gè)瀏覽器顯示效果的一致,我們使用兩句話(huà)分別針對兩類(lèi)瀏覽器,

className{
height: 22px !important;
height: 21px;
}


height: 22px !important;只有IE7,FF解析
height: 21px;只有IE6解析

比且最終兩類(lèi)瀏覽器顯示效果一致,如果不區別對待,單純一句height: 21px;那么IE7,FF里顯示就會(huì )少一個(gè)像素的高度。

后一頁(yè):css翻頁(yè)代碼
相關(guān)閱讀
諸城市龍馬假日旅行社
利用DIV+CSS制作右下角彈出留言板
呼倫貝爾市北天草原旅行社有限公司
取得鼠標所在位置的對象
一個(gè)更加高級的CSS菜單,絕對實(shí)用,超強的
深山行者留言系統V3.0 發(fā)布
HTML文檔中meta標簽的作用
連云港華夏國際旅行社有限公司
共有0條關(guān)于《理解css里的!important是什么意思?》的評論
發(fā)表評論
正在加載評論......
返回頂部發(fā)表評論
呢 稱(chēng):
表 情:
內 容:
評論內容:不能超過(guò) 1000 字,需審核,請自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規。
驗證碼: 驗證碼 
網(wǎng)友評論聲明,請自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會(huì )、集體和公民的合法權益;
二、不得發(fā)布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內容擁有處置權。

更多信息>>欄目類(lèi)別選擇
百度小程序開(kāi)發(fā)
微信小程序開(kāi)發(fā)
微信公眾號開(kāi)發(fā)
uni-app
asp函數庫
ASP
DIV+CSS
HTML
python
更多>>同類(lèi)信息
jquery設置或獲取修改classname
利用css3.0寫(xiě)出一個(gè)音樂(lè )播放的唱片碟盤(pán)的效果
利用css中的scale()實(shí)現放大縮小效果
利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數字讓背景色透明
css背景使用base64編碼或者將base64編碼放在img圖片標簽中
利用css3中的-webkit-font-smoothing把網(wǎng)頁(yè)文字的毛邊去掉
更多>>最新添加文章
dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
Android移動(dòng)端自動(dòng)化測試:使用UIAutomatorViewer與Selenium定位元素
抖音直播音掛載小雪花 懂車(chē)帝小程序
javascript獲取瀏覽器指紋可以用來(lái)做投票
火狐Mozilla Firefox出現:無(wú)法載入您的Firefox配置文件 它可能已經(jīng)丟失 或是無(wú)法訪(fǎng)問(wèn) 問(wèn)題解決集合處理辦法
在A(yíng)ndroid、iOS、Windows、MacOS中微信小程序的文件存放路徑
python通過(guò)代碼修改pip下載源讓下載庫飛起
python里面requests.post返回的res.text還有其它的嗎
更多>>隨機抽取信息
利用java使圖片左右上下循環(huán)連續滾動(dòng)不出現空白
支持IE與firefox(火狐)的css寫(xiě)省略號方法
用javscript實(shí)現為表格的每一行自動(dòng)加上序號
淡藍色的V2.1加強版
購買(mǎi)深山旅行社管理系統后享受哪些服務(wù)?
石家莊燕趙旅行社有限公司
亚洲精品456在线|S级爆乳玩具酱国产VIP皮裤|欧美成人精品第一区二区三区|久久永久免费人妻精品我不卡|亚洲欧洲日产无码
<button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><ins id="nc8ni"><button id="nc8ni"><form id="nc8ni"></form></button></ins>
<button id="nc8ni"><form id="nc8ni"></form></button>
<form id="nc8ni"><xmp id="nc8ni">
<ins id="nc8ni"><button id="nc8ni"></button></ins>
<button id="nc8ni"><xmp id="nc8ni">
<ins id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></ins>
<button id="nc8ni"><xmp id="nc8ni">
<button id="nc8ni"><xmp id="nc8ni">
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><form id="nc8ni"></form></button>
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button><button id="nc8ni"><xmp id="nc8ni"><button id="nc8ni"></button><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form><button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins>
<button id="nc8ni"><xmp id="nc8ni"><ins id="nc8ni"></ins><form id="nc8ni"><ins id="nc8ni"><form id="nc8ni"></form></ins></form>
<ins id="nc8ni"><form id="nc8ni"></form></ins>
<button id="nc8ni"><form id="nc8ni"><ins id="nc8ni"></ins></form></button>
<button id="nc8ni"></button>
<button id="nc8ni"></button>