曲径通幽论坛

标题: ## 与隐藏 [打印本页]

作者: easy 时间: 2014-12-20 21:21
标题: ## 与隐藏
有时候，页面和广告会同时存在于一个 div 中，下载页面的同时，也会显示广告，此时为了不看到广告，就要将广告隐藏起来。

使用 ## 来实现隐藏。

如下图，看一下凤凰网中的微信二维码部分：
[attach]3951[/attach]

该 div 的 class 为 weixin，id 为 wx 。

添加下面的规则，可以将该微信二维码隐藏起来：

##div.weixin

复制代码

或者根据 id 来隐藏：

##div#wx

复制代码

也可以不指定元素的名称(这里是 div)，那么写成 ##*#wx 也可以。

也可以仅指定要阻挡的元素名称来隐藏，比如下图中，我打算隐藏凤凰网底部导航栏中的 “凤凰卫视” 链接：
[attach]3952[/attach]

通过“审查元素”，可以了解到这个链接对应代码：

[HTML] 纯文本查看 复制代码

<span>

<a href=http://phtv.ifeng.com/" target="_blank">凤凰卫视</a>

</span>

那么只要添加规则：

##span

复制代码

这样 “凤凰卫视” 链接就会被隐藏起来。

像 ##*.weixin 这样的写法可能会造成“一刀切”的副作用，会将其他网站上的有效代码也一同隐藏。如果写成：

example.com##*.weixin

复制代码

就只会在 http://example.com/ 和 http://web.example.com/ （类似的二级域名下）生效，而不会作用于 http://example.org 。如果要指定多个域名，那么各个域名之间用逗号分隔即可，如：

domain1.example,domain2.example,domain3.example##*.weixin

复制代码

如果域名前面添加 ~ 符号，该过滤规则就不适用于这个域名的页面。

欢迎光临曲径通幽论坛 (http://www.groad.net/bbs/)