国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

css3 - CSS優(yōu)先級問題
迷茫
迷茫 2017-05-16 13:24:45
0
3
878

一直在說important的優(yōu)先級最高,可是下面的結果是粉色的,貌似important并沒有什么卵用

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>示例</title>
  <style>
  body {
    color: green !important;
  }
  
  .pink-text {
    color: pink;
  }
  </style>
</head>

<body>
  <h1 class="pink-text">Hello World!</h1>
</body>

但是經(jīng)過變化以后,在同一個class內(nèi)部確實是最高的,我原本以為無論在哪里,只要加上important就會是最高的優(yōu)先級,結果并不是這樣

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>示例</title>
  <style>
  .pink-text {
    color: green !important;
    color: pink;
  }
  </style>
</head>

<body>
  <h1 class="pink-text">Hello World!</h1>
</body>
迷茫
迷茫

業(yè)精于勤,荒于嬉;行成于思,毀于隨。

全部回復(3)
左手右手慢動作

你的文字是在 pink-text 上的,一旦 pink-text 設定了 color,color 值就不是繼承,就沒 body 什么事

Peter_Zhu

!important這個屬性不會被繼承

就是說你給body的字體顏色設置了!important,

如果子元素沒有設置其他字體顏色,就會繼承 body的顏色,但是這個繼承跟!important沒有關系。

如果子元素設置了其他字體顏色,就會以設置的字體顏色來顯示。

世界只因有你

謝邀!

!important 提升的是指定樣式規(guī)則應用優(yōu)先級,關鍵在于指定二字,好好感受一下。

而對于你前者的示例很明顯不屬于這個范圍內(nèi)。

另:

color: green !important;
color: pink;

這種寫法在IE6是無效的。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板