CSS中提升優(yōu)先級(jí)屬性!important的用法問題總結(jié)
我要評(píng)論本文介紹了CSS中提升優(yōu)先級(jí)屬性!important的用法問題總結(jié)，分享給大家，具體如下：
一、語(yǔ)法
選擇器{樣式:值!import;}
二、說(shuō)明
提升指定樣式規(guī)則的應(yīng)用優(yōu)先權(quán)，即!important為開發(fā)者提供了一個(gè)增加樣式權(quán)重的方法，讓瀏覽器首選執(zhí)行這個(gè)語(yǔ)句。
例如下面這個(gè)樣式：
div{
margin-left:20px!important;
margin-left:40px;
}
如果是在除了IE6的瀏覽器中，這些瀏覽器支持!important屬性，也就是說(shuō)他們會(huì)默認(rèn)讓margin-left:20px!important; 這條語(yǔ)句生效，下面的不帶!important聲明的樣式將不會(huì)覆蓋它，換句話說(shuō)就是他的級(jí)別最高，下面的人都不能取代我！
在IE6及以下瀏覽器有個(gè)比較顯式的支持問題存在，!important在同一條規(guī)則集里不生效。請(qǐng)看下述代碼：
div {
margin-left:20px!important;
}
div {
margin-left:40px;
}
在上述代碼中，IE6及以下瀏覽器中div的margin-left與其它瀏覽器一致，都為20px;
注意：
1、IE6及更早瀏覽器下，!important在同一條規(guī)則集內(nèi)不生效。
2、如果!important被用于一個(gè)簡(jiǎn)寫的樣式屬性，那么這條簡(jiǎn)寫的樣式屬性所代表的子屬性都會(huì)被作用上!important。
3、關(guān)鍵字!important必須放在一行樣式的末尾并且要放在該行分號(hào)前，否則就沒有效果。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
淺談CSS 權(quán)值 層疊 重要性(!important)
下面小編就為大家?guī)?lái)一篇淺談CSS 權(quán)值 層疊 重要性(!important)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-05css中提升優(yōu)先級(jí)屬性!important的用法總結(jié)
!important只有Ie7.0和firefox可以識(shí)別，但是Ie6.0不能成功應(yīng)用.!important提升優(yōu)先級(jí)，下面對(duì)它的用法做下總結(jié)2014-08-08從可維護(hù)性角度考慮css的!important規(guī)則的可用性
使用!important對(duì)于性能并沒有什么負(fù)面影響。但是從可維護(hù)性角度考慮還是少用這個(gè)規(guī)則。不過(guò)這個(gè)規(guī)則在IE6中有bug2014-06-05- 在css 中使用width:200px; 界面不管怎么設(shè)置寬度都不會(huì)邊200px，然后再后面加上!important就好，這就是強(qiáng)制CSS，不了解的朋友可以參考下2014-03-19
css中!important的作用(IE6 IE7 FF)及其原理
眾所周知，!important這個(gè)規(guī)則對(duì)Ie6.0,Ie7.0和Firefox能寫hack，現(xiàn)在就來(lái)講解這是什么原理，感興趣的朋友可以參考下2014-01-02CSS優(yōu)先級(jí)和!important與IE6的BUG討論及解決方案
本來(lái)我對(duì)他誰(shuí)的ie6不支持!important也沒什么異議，可是正好在前幾天正好用個(gè)這個(gè)!important屬性解決了一個(gè)樣式優(yōu)先級(jí)的問題，而且是支持ie6的，這是為什么呢？到底ie6支不2013-01-23- CSS中的!important是一個(gè)非常重要的屬性，有時(shí)候發(fā)揮著非常大的作用。2010-01-05