如何在不使用！important或javascript的情况下覆盖内联CSS？

Question

有没有办法在不使用!important且不使用JavaScript的情况下覆盖内联CSS？

例如：

<div style="background-color: red;"></div>

我想知道它是否可以在没有：

的情况下被覆盖

div {
    background-color: blue !important;
}

Answer 1

不，内联样式优先，您只能使用!important覆盖它。

Answer 2

我担心！important子句是专门为此创建的 解决方案。除了现在使用的CSS之外，CSS实现不同程度的优先级是不切实际的 style block < inline < !important  优先级。

Answer 3

尝试一下：

div[style] {
  background: blue !important;
}