Html 谷歌浏览器扩展覆盖！重要的

我试图修改网站的布局，但有时网站使用！重要的是，有没有一种方法可以覆盖这一点？我似乎不知道如何在页面的css文件之后加载css内容脚本。

一个

！重要信息

CSS规则可由以下内容覆盖：

另一个

！重要信息

包含在规则集中的规则，该规则使用相同的选择器，但在试图覆盖的原始规则集之后进行计算

另一个

！重要信息

包含在规则集中的规则，该规则使用与您试图修改的元素匹配的选择器，但比您试图覆盖的原始规则集选择器更为具体

---

例如，如果网站对所有菜单项都有规则：

#menu span {
  font-weight: bold !important;
}

您可以使用相同的选择器

#菜单span

覆盖此规则，但需要确保在网站样式表之后插入规则。在chrome扩展中，可以通过在

document\u idle

注入内容来实现：

  ...
  "content_scripts": [
    {
      "matches": ["http://www.google.com/*"],
      "css": ["mystyle.css"],
      "run_at": "document_idle"
    }
  ],
  ...

或者，您可以使用更具体的选择器插入规则：

#menu span.menu-item {
  font-weight: normal !important;
}

---

您需要完全覆盖原始CSS还是只修改某些元素/类？例如，完全摆脱原来的CSS（好像它从未存在过）可以吗？