本文介绍,在X浏览器下如何撰写隐藏元素规则,你依然可以使用ABP的规则语法撰写隐藏元素规则,下面介绍一下隐藏元素规则的写法和示例。
隐藏元素规则的写法也很简单,只需要以”##”开头作为隐藏元素规则的标识,后面紧跟CSS选择器语法即可,我们假设您已经了解了CSS选择器的基本语法,下面是一些隐藏元素规则的示例。
快速写法示例
示例1
###ad-banner |
隐藏页面中元素ID为 “ad-banner” 的元素
示例2
##a[href="https://www.example.com"] |
隐藏页面中所有,目标地址为https://www.example.com 的链接
示例3
##.ad-container |
隐藏所有类名为”ad-container”的页面元素
##div[title*="ad"] |
隐藏所有页面中存在属性”title”且属性值中包含字符串”ad”的DIV元素
限定作用域
以上都是全局生效的隐藏元素规则,为了规则更加精准减少误杀我们可以为规则限定作用域,只在特定的域名下才执行。下面是带有作用域的规则写法示例。
示例1
###ad-banner@example.com |
隐藏ID为”ad-banner”的元素,只在二级域名为”example.com”的站点生效。
example.com###ad-banner |
等价的ABP规则写法
示例2
###ad-banner@example.com,myspace.com |
限定多个域名使用逗号分隔。
example.com,myspace.com###ad-banner |
等价的ABP规则写法
性能建议
强烈建议在撰写隐藏元素规则的时候加上域名作用域的限定,不仅仅是为了防止误杀,更重要的是有了域名限定性能会更好,规则只在可以匹配的域名下才会执行,这样可以避免无谓的性能消耗。
在撰写隐藏元素规则的时候,我们应该优先使用ID和类选择器,ID选择器的性能最好,可以快速定位页面元素。 下面是理论上选择器按照性能高低排列,使用选择器的时候请优先使用性能高的选择器。
- id选择器(#myid)
- 类选择器(.myclassname)
- 标签选择器(div,h1,p)
- 相邻选择器(h1+p)
- 子选择器(ul > li)
- 后代选择器(li a)
- 通配符选择器(*)
- 属性选择器(a[rel=”external”])
- 伪类选择器(a:hover,li:nth-child)