我试图修改一个网站的布局,但有时网站会使用 !important,是否有一种方法可以覆盖它?我似乎无法弄清如何在页面的 css 文件之后加载 css 内容脚本。
我试图修改一个网站的布局,但有时网站会使用 !important,是否有一种方法可以覆盖它?我似乎无法弄清如何在页面的 css 文件之后加载 css 内容脚本。
!important
CSS规则可以被以下方式覆盖:
!important
规则集,但是在你尝试覆盖的原始规则集之后评估。!important
规则集。#menu span {
font-weight: bold !important;
}
#menu span
来覆盖此规则,但需要确保您的规则在网站样式表之后注入。在 Chrome 扩展程序的 内容脚本 中,可以通过在 document_idle
处注入内容来实现此目的: ...
"content_scripts": [
{
"matches": ["http://www.google.com/*"],
"css": ["mystyle.css"],
"run_at": "document_idle"
}
],
...
或者您可以注入一个具有更特定选择器的规则:
#menu span.menu-item {
font-weight: normal !important;
}