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

Question

15

有没有一种方法可以在不使用!important和JavaScript的情况下覆盖内联CSS？

例如：

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

我想知道是否可以在不进行覆盖的情况下进行修改：

div {
    background-color: blue !important;
}

- valanto

我很好奇。你的情境是什么？ - George

我正在使用kendoui，它会注入大量自己的内联CSS。我不喜欢使用!important，并且也不想为应该在CSS中处理的事情编写JavaScript。所以我有这些选项，但希望有一种更清洁的方式... - valanto

3个回答

2

很抱歉，但是!important关键字是专门为解决这个问题而创建的。CSS实现不同程度的优先级除了现在使用的 style block < inline < !important 优先级之外，将是不切实际的。

- Joachim VR

1

试试这个：

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

- Todd G

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- pilsetnieks · Accepted Answer

不，内联样式具有优先权，你只能使用 !important 来覆盖它。