广告拦截。添加 css class 或从元素中删除属性

Question

是否可以通过 adblock 向某个页面的元素添加 css 规则？像这样

#myElement {
    color: white !important;
}

我试图找到一个脚本来在页面加载时更新此元素的样式，但它似乎不是最好的方法。

Answer 1

我认为 AdBlock 无法更改 CSS 属性，您可以使用 Stylish（可用于 Firefox 和 Chrome）之类的扩展来做到这一点.

Answer 2

可以在 uBlock Origin 和 Adguard 上进行（据我所知）。每个都有自己的样式规则语法，但 uBlock 能够理解两者。

以下是更改 Twitter 背景的 CSS 规则示例：

twitter.com#$#body.logged-in{ background-color: #8c8787 !important; }

样式过滤器应该像这样构建：

<domain> + #$# + <selector> + { <style> }

只是避免在选择器和左大括号之间放置 space。因为它会给你带来一些麻烦。参考：

https://github.com/gorhill/uBlock/wiki/Static-filter-syntax#style https://adguard.com/en/filterrules.html#cosmetic-css-rules

Answer 3

其他答案对我不起作用，但有一种方法可以更改元素的样式：

example.com##h1:style(background-color: blue !important)

确保不要使用大括号。

还有一些关于 GitHub 的文档。

编辑：正如 BeeLabeille 所提到的，这个建议似乎特定于 uBlock。

Answer 4

对于 AdBlock Plus，您可以试试这个：

##.ytp-pause-overlay, .ytp-scroll-min
##.html5-endscreen, .ytp-player-content, .videowall-endscreen, .ytp-endscreen-paginate, .ytp-show-tiles
##.ytp-endscreen-content

这应该禁止在暂停期间显示广告，并在视频结尾处禁止显示推荐视频。

PS：啊..这不是问题的主题..这从 div 元素中删除了 class。好吧，也许有人会派上用场，删除 Youtube 播放器中不需要的块。

广告拦截。添加 css class 或从元素中删除属性

Adblock. Add css class or remove attribute from element

adblock