如何使用广告拦截器屏蔽此元素答案

【问题标题】：How to block this element with an adblocker如何使用广告拦截器屏蔽此元素
【发布时间】：2018-03-09 06:01:41
【问题描述】：

在这个 twitch 网站上有一个烦人的元素，我想永久删除。在检查器上，元素是这样的：

<div class="menu-button hover-background-primary">

但尽我所能，我不知道如何编写过滤器来使用 Ublock 删除该元素。

我读到 Ublock 和 ABP 使用相同的语法。根据this,
##.menu-button hover-background-primary 应该做我想要的。但是我不能用这种模式阻止任何东西，我试着把其他类的名字放在那里，它从来没有做任何事情。这是如何工作的？

【问题讨论】：

【解决方案1】：

这两个类仅在 html 中分开 - 您需要在规则声明中将它们连接在一起。而在 html 中的“。”从未显示，但是当您在 CSS 或 javascript 中定位类时 - 每个类都需要以“。”作为前缀。否则浏览器将解释您正在尝试使用该名称定位一个 html 元素 - 无论它是否正确或是否存在。

##.menu-button.hover-background-primary

它的目标是同时具有“菜单按钮类”和“悬停背景主要”类的项目

你甚至可以只针对更具体的类-

##.hover-background-primary

【讨论】：

我不知道如何组合这两个类名。我确实尝试在那里只放一个名字，但没有奏效。下次这个人在 twitch 上直播时，我会再次尝试这两种方法，如果我成功了，我会接受答案。
抱歉，这不起作用。如果我删除检查器中的 div，烦人的窗口就会关闭。但是，如果我将您的建议写入自定义过滤器，它不会阻止它。（我保存了，然后刷新了抽搐页面。）
我的印象是 twitch 做了一些事情来使广告拦截器无法工作。我可以使用您向我展示的模式阻止元素，但它在 twitch 上不起作用。我设法通过将其地址放入过滤器列表来阻止 jpg。但是阻塞类似乎没有任何作用。
我最终成功地完成了我想做的事情。我从来不知道如何在 twitch 上阻止类，但 hover-background-primary 类位于我能够阻止的 iframe 中。

【解决方案2】：

这些是多个类名。

您需要选择器.first-class-name.second-class-name，您可以根据需要将其放入过滤器语法中。

【讨论】：