css如何使用important

在css中，可以在樣式後面寫上「!important」來提升指定樣式規則的應用優先權，語法「選擇器{樣式:值!important;}」。 IE6中不能識別，但在IE7和其他的瀏覽器中可以使用，用來處理瀏覽器的兼容性。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

CSS寫在不同的地方有不同的優先級，css檔案中的定義

!important語法

選擇器{樣式:值!important;}

# !important為開發者提供了一個增加樣式權重的方法。應注意的是!important是對整條樣式的聲明，包括這個樣式的屬性和屬性值

#實例

<style>
a{
    color:green!important;
}
#main a{
     color:blue;
 }
 </style> 
 <div>
     <a>!important实例</a>
 </div>

對於上面的程式碼，如果不加important特性，則超鏈接的顏色為藍色，但加上important之後優先權提高了，顯示顏色為綠色。

注意：

• 如果!important被用於一個簡寫的樣式屬性，那麼這條簡寫的樣式屬性所代表的子屬性都會被作用上!important 。

• 關鍵字!important必須放在一行樣式的結尾並且要放在該行分號前，否則就沒有效果。 （不過分號前的空格不會影響它）

• 如果因為一些特殊原因，你不得不在一個程式碼區塊中宣告兩個同樣的屬性，那麼請把!important加在第一個屬性後面，因為這樣做會讓所有瀏覽器中第一個屬性的權重更大，而IE6除外（這是一個只有IE6才有的hack，但是不會影響你的CSS）

推薦學習：css影片教學

#

以上是css如何使用important的詳細內容。更多資訊請關注PHP中文網其他相關文章！