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

創新互聯長期為上1000家客戶提供的網站建設服務，團隊從業經驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯網生態環境。為邵原企業提供專業的成都網站設計、做網站，邵原網站改版等技術服務。擁有十多年豐富建站經驗和眾多成功案例,為您定制開發。

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有什么用的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創新互聯成都網站設計公司行業資訊頻道！

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享文章：css中!important有什么用-創新互聯
文章鏈接：http://m.2m8n56k.cn/article2/ceddoc.html

成都網站建設公司_創新互聯，為您提供響應式網站、電子商務、網頁設計公司、商城網站、面包屑導航、用戶體驗

廣告

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