欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

css important終級(jí)講解

  發(fā)布時(shí)間：2010-01-05 17:28:49   作者：佚名   我要評(píng)論
很多人，包括很多網(wǎng)站（我所見(jiàn)過(guò)的所有網(wǎng)站，包括國(guó)內(nèi)著名的‘網(wǎng)頁(yè)設(shè)計(jì)師’網(wǎng)站），都說(shuō)important是不被IE所支持和認(rèn)識(shí)的，可是真的是這樣嗎？看了下邊的兩個(gè)例子，也許你會(huì)改變一些看法！
例一：
CSS

復(fù)制代碼
代碼如下:

#box {
color:red !important;
color:blue;
}

HTML

復(fù)制代碼
代碼如下:

<div id="Box"> 在不同的瀏覽器下，這行字的色應(yīng)該不同！</div>

這個(gè)例子應(yīng)該是大家經(jīng)常見(jiàn)到的important的用法了，在IE環(huán)境下，這行字是藍(lán)色，在firefox下，為紅色，其用法不再多說(shuō)了，看下一個(gè)例子。
例二：
CSS

復(fù)制代碼
代碼如下:

1 #box div{
color:red;
}
2 .important_false{
color:blue;
}
important_true{
color:blue !important;
}

HTML

復(fù)制代碼
代碼如下:

<div id="Box">
<div class="important_false">這一行末使用important</div>
<div class="important_true">這一行使用了important</div>
</div>

例二中，CSS代碼第一行設(shè)定了box里面所有div中字體色為紅色，第二行和第三行都用class重新定義了自身div的字體色為藍(lán)色，不同的是，第二行末使用important，而第三行使用了！
默認(rèn)情況下，class的優(yōu)先級(jí)小于id，所以，第二行中即使用class重定義了自身樣式，也無(wú)法生效，所以繼承父級(jí)屬性，這行字還是紅色！
但是，第三行中，用了important提升優(yōu)先級(jí)（或看成強(qiáng)制重定義），所以這里的css得以生效，這行字變?yōu)榱怂{(lán)色！
從這個(gè)例子，得以證明，ie對(duì)important的并不是不支持！
那么為什么很多人都說(shuō)ie不認(rèn)識(shí)它呢？我想應(yīng)該是大家實(shí)戰(zhàn)中可能都沒(méi)有遇到例子中的情況： 當(dāng)你想提升class的優(yōu)先級(jí)時(shí)怎么辦？
也就是說(shuō)大家可能都忽略了它的這一作用，只了解在命名為同一個(gè)元素的CSS代碼塊中，用它來(lái)提升排列順序相對(duì)靠前的代碼的優(yōu)先級(jí)（例一）！
通過(guò)上邊兩個(gè)例子，得以總結(jié)：
important對(duì) 一個(gè)良好（或者是標(biāo)準(zhǔn)）的瀏覽器來(lái)說(shuō)，不僅僅是從順序上提升代碼的優(yōu)先級(jí)，還可以用來(lái)提升class的優(yōu)先級(jí)（比如firefox），但是從IE對(duì)前者的不支持可以看出，這只是IE的一大BUG，而不能說(shuō)它“不認(rèn)識(shí)、不支持”！
然而，不管怎么樣，IE的這一大BUG幫助我們解決了很多兼容性問(wèn)題，這顯然不是件壞事！

相關(guān)文章

最新評(píng)論