Javascript 如何在不使用的情况下覆盖页面样式！重要的是，用油腻的剧本？

我有一个Greasemonkey脚本，它使用

.css（）

或

GM\u addStyle（）

应用样式。这些样式将被页面上的样式覆盖，从而产生不希望的效果

---

我知道我可以通过使用

来解决这个问题！重要信息

关于我所有的风格，但我真的不想这样做。有没有办法不用

来完成此操作！重要信息

？

使用

没有错！重要信息

在Greasemonkey脚本和时尚风格中。（它有时在常规网页中被误用，但用户脚本不同）

！重要信息

是覆盖属性中设置的样式的唯一方法。例如，如果我们想改变这一点：

<div id="annoyingBlock" style="background: red; top: 4em; display: inline block ... Bunch of other styles that we don't want to touch.">
    Look at me!
</div>

这是因为除了<代码>以外的任何东西！重要信息样式

---

---

---

如果使用

.css（）

进行的样式更改被页面的javascript覆盖，请使用类似于中的技术来解决此问题。

.css（）

应该覆盖除

之外的所有内容！重要

规则。这意味着，您可能必须与

战斗！重要信息

和

！重要信息

。你能从控制台给我看一个html/css片段吗？那么你想让Greasemonkey

GM\u addStyle（）

或

.css（）

优先于页面css吗？是的，据我所知，没有其他的了！页面上的重要规则我正在尝试和的副本。

GM_addStyle ( "                                 \
    #annoyingBlock {                            \
        background:         white !important;   \
    }                                           \
" );