撰写隐藏元素规则

本文介绍,在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选择器的性能最好,可以快速定位页面元素。 下面是理论上选择器按照性能高低排列,使用选择器的时候请优先使用性能高的选择器。

  1. id选择器(#myid)
  2. 类选择器(.myclassname)
  3. 标签选择器(div,h1,p)
  4. 相邻选择器(h1+p)
  5. 子选择器(ul > li)
  6. 后代选择器(li a)
  7. 通配符选择器(*)
  8. 属性选择器(a[rel=”external”])
  9. 伪类选择器(a:hover,li:nth-child)