国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

css important終級講解

2024-07-11 08:39:41
字體:
供稿:網(wǎng)友

例一:
CSS


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

HTML


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

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


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

HTML


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

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 崇礼县| 岗巴县| 沾益县| 曲周县| 大渡口区| 西乡县| 都安| 上栗县| 谢通门县| 孙吴县| 合阳县| 万州区| 丹江口市| 都江堰市| 确山县| 上蔡县| 法库县| 朝阳区| 德格县| 云霄县| 茌平县| 洛浦县| 永嘉县| 县级市| 东宁县| 通渭县| 临海市| 衡山县| 湟中县| 灵山县| 富民县| 泸溪县| 峨山| 六枝特区| 常德市| 壤塘县| 天台县| 天台县| 景德镇市| 南丹县| 罗田县|