編碼的世界 / 優質文選 / 生涯

CSS!important聲明強制優先


2022年7月02日
-   

!important聲明強制優先
CSS優先級中還有一個最無敵的聲明,就是!important。
在CSS樣式表中,帶有!important聲明的樣式優先使用,它的優先級會超越任何地方、任何方式的樣式聲明,包括行內style屬性中聲明的樣式。
比如下面代碼:

<style type="text/css"> div{ color:red !important; }  </style> <div style="color: blue; ">這是一行文字</div> 

這裏的這行文字在瀏覽器中仍然顯示為紅色字體。
所以,CSS樣式匹配的優先權遵循以下順序:
(1)  !important聲明高於一切。
(2) 內嵌樣式次之。
(3) 樣式表中聲明按選擇器的權重排序。
(4) 最後按瀏覽器執行樣式表的順序,遵循"後來居上"原則匹配樣式。
當然最後還要強調一點:如果沒有設置樣式的,則自動繼承父級節點的樣式。
轉載自: http://book.51cto.com/art/201108/285517.htm

熱門文章