一、CSS !important 的作用和用法

作用：提升指定樣式規(guī)則的應用優(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">PHP中文網(wǎng)歡迎大家來學習</div>
      <div class="bb">PHP中文網(wǎng)歡迎大家來學習</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)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！