Adblock的。从元素

Question

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

#myElement {
    color: white !important;
}

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

Answer 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

Answer 2

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

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

确保不要使用花括号。

还有一些关于GitHub的文档。

Answer 3

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

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