CSS中提升優(yōu)先級屬性!important的用法問題總結(jié)

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