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

【问题标题】：Adblock. Add css class or remove attribute from element广告拦截。添加 css 类或从元素中删除属性
【发布时间】：2016-07-08 00:20:46
【问题描述】：

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

#myElement {
    color: white !important;
}

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

【问题讨论】：

标签： adblock

【解决方案1】：

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

这是一个改变 Twitter 背景的 CSS 规则示例：

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

样式过滤器应该这样构造：

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

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

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

【讨论】：

【解决方案2】：

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

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

确保不要使用大括号。

GitHub 上也有一些文档。

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

【讨论】：

可能值得一提的是，与其他答案类似，您的解决方案也适用于问题中指定的 ublock 而不是 adblock

【解决方案3】：

我认为 AdBlock 不可能更改 CSS 属性，但您可以使用像 Stylish（适用于 Firefox 和 Chrome）这样的扩展来做到这一点。

【讨论】：

【解决方案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 元素中删除类。好吧，也许有人会派上用场，删除 Youtube 播放器中不必要的块。

【讨论】：