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

Question

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

例如：

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

我想知道是否可以在没有以下情况下覆盖它：

div {
    background-color: blue !important;
}

score 20 · Accepted Answer

20

不，内联样式优先，您只能使用!important.

于 2013-04-26T10:24:27.407 回答

score 2 · Accepted Answer

恐怕 !important 子句是专门为此创建的。除了现在使用的 style block < inline < !important 优先级之外，CSS 实现不同程度的优先级是不切实际的。

score 1 · Accepted Answer

1

尝试这个：

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

于 2019-02-23T03:12:35.040 回答

3 回答 3