溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下css中!important有什么作用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
CSS中!important的作用
添加{*rule!important}，就能對IE6.0，IE7.0和FireFox寫hack
*對于IE系列瀏覽器都能夠識別，Firefox瀏覽器就不能識別；
！important只有IE7.0和Firefox可以識別，，但是IE6.0不能成功應用
區別
(1)區別ie與firefox的hack為:border:2pxsolid#f00;*border:1pxsolid#f00;
(2)區別Ie6.0與Ie7.0、firefox的hack為:border:1pxsolid#f00!important;border:2pxsolid#f00;
解析
在(1)中，之所以把*放在后面是因為firefox不識別*而導致只對它設置了一次border;而ie系列進行了兩次border設置后，后一個屬性覆蓋了前一個屬性，故為一像素的邊框。
在(2)中，之所以把!important放在第一個border設置，是因為它把這次border的優先級提高了，即使后面在一次甚至在N次設置border也無效，但是Ie6.0對這個規則不接受，而導致它應用了第二次的border設置，也就是第二次覆蓋了第一次的這一原理，并不是它不識別!important;所以它的border為2像素的紅框.
例子
CSS
#Box{
color:red!important;
color:blue;
}HTML
<pid="Box">在不同的瀏覽器下，這行字的色應該不同！</p>
這個例子應該是大家經常見到的important的用法了，在IE環境下，這行字是藍色，在firefox下，為紅色
以上是“css中!important有什么作用”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
