小編給大家分享一下CSS中!important怎么用，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計與策劃設(shè)計,新縣網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:新縣等地區(qū)。新縣做網(wǎng)站價格咨詢:13518219792

一、CSS !important 的作用和用法

作用：提升指定樣式規(guī)則的應(yīng)用優(yōu)先權(quán)，即!important提供了一個增加樣式權(quán)重的方法，讓瀏覽器選執(zhí)行這個語句。
使用方法：選擇器 {樣式：值 !important}
比如，在CSS中給了.box{color:red !important;}這個屬性，就意味著類名為box的這個標簽具有最高優(yōu)先級，不管你把默認的顏色設(shè)置為什么，他最終只會顯示紅色。

二、CSS !important 實例解析

代碼第一行設(shè)置了父元素里面所有div中字體色為紅色，第二行和第三行都用class重新定義了自身div的字體色為藍色，不同的是，第三行使用important，而第二行沒有使用了！。

HTML部分：

<div id="father">
      <div class="aa">創(chuàng)新互聯(lián)建站歡迎大家來學(xué)習(xí)</div>
      <div class="bb">創(chuàng)新互聯(lián)建站歡迎大家來學(xué)習(xí)</div>
  </div>

CSS部分：

#father div{
       color:red;
  }
  .aa{
       color:blue;
  }
  .bb{
       color:blue !important;
  }

效果圖：

從圖片可以看出結(jié)果，那為什么會這樣呢？

默認情況下，ID選擇器的優(yōu)先級高于類選擇器，所以，第二行中即使用class重定義了自身樣式，也無法生效，所以繼承父級屬性，這行字還是紅色。 但是，第三行中，用了important，是其具有最高的優(yōu)先級，所以這里的css樣式生效了，字變?yōu)榱怂{色。

注意：

1、IE6及更早瀏覽器下，!important在同一條規(guī)則集內(nèi)不生效。
2、如果!important被用于一個簡寫的樣式屬性，那么這條簡寫的樣式屬性所代表的子屬性都會被作用上!important。
3、關(guān)鍵字!important必須放在一行樣式的末尾并且要放在該行分號前，否則就沒有效果。

以上是“CSS中!important怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站制作公司行業(yè)資訊頻道！

網(wǎng)站欄目：CSS中!important怎么用-創(chuàng)新互聯(lián)
新聞來源：http://chinadenli.net/article34/dhjcse.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供搜索引擎優(yōu)化、品牌網(wǎng)站制作、網(wǎng)站策劃、網(wǎng)站建設(shè)、網(wǎng)站收錄、網(wǎng)站導(dǎo)航

廣告

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