在css中,可以在樣式后面寫上“!important”來提升指定樣式規(guī)則的應(yīng)用優(yōu)先權(quán),語法“選擇器{樣式:值!important;}”。IE6中不能識(shí)別,但在IE7和其他的瀏覽器中可以使用,用來處理瀏覽器的兼容性。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
CSS寫在不同的地方有不同的優(yōu)先級(jí),css文件中的定義 < 元素style中的屬性,但是如果使用!important,就會(huì)提高指定樣式規(guī)則的應(yīng)用優(yōu)先權(quán),語法格式{ sRule!important },即寫在定義的最后面
!important語法
選擇器{樣式:值!important;}
!important為開發(fā)者提供了一個(gè)增加樣式權(quán)重的方法。應(yīng)當(dāng)注意的是!important是對(duì)整條樣式的聲明,包括這個(gè)樣式的屬性和屬性值
實(shí)例
<style type="text/css"> a{ color:green!important; } #main a{ color:blue; } </style> <div id="main"> <a>!important實(shí)例</a> </div>
對(duì)于上面的代碼,如果不加important特性,則超鏈接的顏色為藍(lán)色,但是加上important之后優(yōu)先級(jí)提高了,顯示顏色為綠色。
注意:
-
如果!important被用于一個(gè)簡寫的樣式屬性,那么這條簡寫的樣式屬性所代表的子屬性都會(huì)被作用上!important。
-
關(guān)鍵字!important必須放在一行樣式的末尾并且要放在該行分號(hào)前,否則就沒有效果。 (不過分號(hào)前的空格不會(huì)影響它)
-
如果因?yàn)橐恍┨厥庠?,你不得不在一個(gè)代碼塊中聲明兩個(gè)同樣的屬性,那么請(qǐng)把!important加在第一個(gè)屬性后面,因?yàn)檫@樣做會(huì)讓所有瀏覽器中第一個(gè)屬性的權(quán)重更大,而IE6除外(這是一個(gè)只有IE6才有的hack,但是不會(huì)影響你的CSS)
推薦學(xué)習(xí):css視頻教程