我能超越吗！重要吗？[副本]

Question

background: red !important;   

 background: yellow;  

我所问的是如何覆盖它，有可能吗？

Answer 1

Ans为是！重要的可以重写，但不能通过普通声明重写！重要的。它必须比所有其他声明具有更高的特异性。

但是，可以使用更高的特异性！重要的声明重写它。

Firefox解析器中的这段代码将解释它是如何工作的：

if (HasImportantBit(aPropID)) {
  // When parsing a declaration block, an !important declaration
  // is not overwritten by an ordinary declaration of the same
  // property later in the block.  However, CSSOM manipulations
  // come through here too, and in that case we do want to
  // overwrite the property.
  if (!aOverrideImportant) {
    aFromBlock.ClearLonghandProperty(aPropID);
    return PR_FALSE;
  }
  changed = PR_TRUE;
  ClearImportantBit(aPropID);
}

null

<div id="hola" class="hola"></div>

CSS

div { height: 100px; width: 100px; }
div { background-color: green !important; }
.hola{    background-color:red !important; }
#hola{    background-color:pink !important;}

而输出将是

此外，我们不能重写内联！重要

<div id="demo" class="demo" style="background-color:yellow !important;"></div>

div { height: 100px; width: 100px; }
div { background-color: green !important; }
.demo{    background-color:red !important; }
#demo{    background-color:pink !important;}