☰

无法在用户样式表中应用 Chrome 扩展程序中的 CSS

tag-icon • tag-icon google-chrome google-chrome-extensions css
无法在用户样式表中应用 Chrome 扩展程序中的 CSS

我想在 Gmail 中隐藏电子邮件右侧的广告。为此，我制作了一个应用 CSS 样式的扩展程序。

"content_scripts": [
    {
      "matches": ["https://mail.google.com/mail/*", "https://*/*"],
      "css": ["css/hide.css"]
    }
  ]

的内容hide.css为：

div.nH.HbF0O{ display: none; }

如果我在文件中测试此 CSS %userprofile%\Local Settings\Application Data\Google\Chrome\User Data\Default\User StyleSheets\Custom.css，广告就会消失。如果我加载扩展程序，它就不会工作。

例如，如果我在 CSS 文件中引入其他样式body {display: none;}或一些简单的样式，则会应用 CSS。

可能是什么问题呢？

答案1

我刚刚尝试了一个应用了一些 CSS 样式的简单 Chrome 扩展程序，并发现网页的样式优先于扩展样式。

尝试!important在声明末尾加上一个，例如

div.nH.HbF0O { display: none !important; }

看看是否能解决你的问题。

答案2

也许可能性不大，但我想我从未见过像这样的 CSS 代码div.nH.HbF0O{ display: none; }。

  • 你的意思div.nH, div.HbF0O{ display: none; }？
  • 或者您的意思是“后代”但漏掉了一个空格：div.nH .HbF0O{ display: none; }？

编辑：我已经检查过 CSSdiv.nH.HbF0O{}可以引用 HTML <div class="nH HbF0O" />，所以我可能是错的。

相关内容