css中!important有什么用

這篇文章主要介紹css中!important有什么用，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

公司主營業(yè)務：成都做網站、網站建設、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領域給我們帶來的挑戰(zhàn)，讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)推出烏審免費做網站回饋大家。

CSS中!important的作用

添加{*rule !important} ，就能對IE6.0，IE7.0和FireFox寫hack

*對于IE系列瀏覽器都能夠識別，F(xiàn)irefox瀏覽器就不能識別；

！important只有IE7.0和Firefox可以識別，，但是IE6.0不能成功應用

區(qū)別

(1)區(qū)別ie與firefox的hack為:border:2px solid #f00;*border:1px solid #f00;

(2)區(qū)別Ie6.0 與Ie7.0、firefox的hack為:border:1px solid #f00!important;border:2px solid #f00;

解析

在(1)中，之所以把*放在后面是因為firefox不識別*而導致只對它設置了一次border;而ie 系列進行了兩次border設置后，后一個屬性覆蓋了前一個屬性，故為一像素的邊框。

在(2)中，之所以把!important放在第一個border 設置，是因為它把這次border的優(yōu)先級提高了，即使后面在一次甚至在N次設置border 也無效，但是Ie6.0對這個規(guī)則不接受，而導致它應用了第二次的border 設置，也就是第二次覆蓋了第一次的這一原理， 并不是它不識別!important;所以它的border為2 像素的紅框.

例子

CSS

 #Box {
      color:red !important;
      color:blue;
 }

HTML

 <p id="Box"> 在不同的瀏覽器下，這行字的色應該不同！</p>

這個例子應該是大家經常見到的important的用法了，在IE環(huán)境下，這行字是藍色，在firefox下，為紅色

以上是css中!important有什么用的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章名稱：css中!important有什么用
網頁網址：http://muchs.cn/article22/ghedjc.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供云服務器、Google、服務器托管、網站設計、營銷型網站建設、做網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都網站建設公司