css中!important有什么用-創(chuàng)新互聯(lián)

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

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

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è)資訊頻道！

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

分享文章：css中!important有什么用-創(chuàng)新互聯(lián)
文章鏈接：http://bm7419.com/article2/ceddoc.html

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

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

猜你還喜歡下面的內容