您好,登錄后才能下訂單哦!
這篇文章主要介紹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:2px solid #f00;*border:1px solid #f00;
(2)區別Ie6.0 與Ie7.0、firefox的hack為:border:1px solid #f00!important;border:2px solid #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
<p id="Box"> 在不同的瀏覽器下,這行字的色應該不同!</p>
這個例子應該是大家經常見到的important的用法了,在IE環境下,這行字是藍色,在firefox下,為紅色
以上是css中!important有什么用的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。