过滤规则

AdBlock DNS Filters | GitHub

Learn how to write filters (English only) | AdblockPlus

在 AdblockPlus>Advanced 中编写自定义的过滤规则,可以屏蔽掉网页中的广告、页面块等一些 HTML 标签块。

adblock-my-filter-list

例如这个示例中的前 3 条规则

1
2
3
bilibili.com##.right-bottom-banner
bilibili.com##.ad-floor-exp
bilibili.com##.ad-report

这 3 条规则是基于 CSS 选择器 中的 class 选择器选择 HTML 标签进行屏蔽的。它们表示的意思是屏蔽掉 bilibili.com 下的所有 class 属性中包含 right-bottom-bannerad-floor-expad-report 的标签。

在 Google 浏览器中,可以通过右键 > inspect (F12)来检查页面中的 HTML 块用于查询需要屏蔽的标签的 class 属性值。

ad-report&adfloor-exp&right-bottom-banner

还可以基于 id 选择器进行选择,例如屏蔽掉 bilibili 页面中的 biliMainHeader

1
2
/*www.bilibili.com*/
bilibili.com###biliMainHeader
biliMainHeader
1
2
/*search.bilibili.com*/
bilibili.com###bili-header-container
bili-header-container

屏蔽 b 站视频播放完后的推荐页

1
2
/*www.bilibili.com*/
bilibili.com##.bpx-player-ending-related
bpx-player-ending-related

CSS 选择器

CSS 选择器 | 菜鸟教程

元素选择器(Element Selector),如下代码将选择所有 <p> 元素

1
2
3
p {
...
}

类名选择器(Class Selector),以 . 开头后跟类别名,如下代码将选择所有类别包含“highlight”的元素

1
2
3
.highlight {
...
}

ID选择器(ID Selector),以#开头后跟ID名称,如下代码将选择具有ID为“runoob”的元素

1
2
3
#runoob {
...
}