CSS中!important怎么用-創(chuàng)新互聯(lián)

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

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

一、CSS !important 的作用和用法

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

二、CSS !important 實(shí)例解析

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

HTML部分:

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

CSS部分:

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

效果圖:

CSS中!important怎么用

從圖片可以看出結(jié)果,那為什么會(huì)這樣呢?

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

注意:

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

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

網(wǎng)站欄目:CSS中!important怎么用-創(chuàng)新互聯(lián)
新聞來(lái)源:http://www.muchs.cn/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)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

外貿(mào)網(wǎng)站制作