首頁  >  文章  >  web前端  >  css如何使用important

css如何使用important

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-04-15 17:38:077801瀏覽

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

css如何使用important

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

CSS寫在不同的地方有不同的優先級,css檔案中的定義< 元素style中的屬性,但是如果使用!important,就會提高指定樣式規則的應用優先權,語法格式{ sRule!important },即寫在定義的最後面

!important語法

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

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

#實例

 
 
     !important实例  

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

注意:

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

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

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

推薦學習:css影片教學

#

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn