consatan
小狐狸
小狐狸
  • UID37726
  • 注册日期2011-11-10
  • 最后登录2016-03-27
  • 发帖数54
  • 经验18枚
  • 威望0点
  • 贡献值12点
  • 好评度0点
阅读:1677回复:3

Element Hiding Helper使用的屏蔽规则哪里

楼主#
更多 发布于:2013-05-11 15:44
如下代码
<div id="abc">
  <div></div>
  <div></div>
  <div></div>
  <div></div><==
  <div></div>
</div>
我想屏蔽第4个DIV,使用如下规则
abc.com###abc>DIV+DIV+DIV+DIV
但是这样就连第5个DIV也一起屏蔽了,如何保留第5个DIV呢??
consatan
小狐狸
小狐狸
  • UID37726
  • 注册日期2011-11-10
  • 最后登录2016-03-27
  • 发帖数54
  • 经验18枚
  • 威望0点
  • 贡献值12点
  • 好评度0点
1楼#
发布于:2013-05-11 15:44
白左:abc.com###abc>div:nth-child(4)回到原帖

感谢,刚自己也测试出来了,用的是CSS规则

不过现在又有一个问题...
站点
http://www.abc.com
的首页上存在主楼里提出的要屏蔽的节点,使用
abc.com###abc>div:nth-child(4)
屏蔽了
但是...在
http://www.abc.com/t/xxxx
页面上,这个要屏蔽的元素并不是第4个,而是第7个
而如果我把2个规则都写上
abc.com###abc>div:nth-child(4)
abc.com###abc>div:nth-child(7)
这样的话,首页上的内容有丢失
改成
abc.com###abc>div:nth-child(4)
abc.com/t/###abc>div:nth-child(7)
没效果...

UPDATE:2013-05-11 17:31
欲屏蔽的那个DIV虽然顺序变了,但在#abc DIV里,它永远是第2个div.ddd
用了
abc.com###abc>div.ddd:nth-of-type(2)
规则,没效果,上W3C看了下:nth-of-type,没戏...除非多个:nth-of-class的伪类选择器...
看来得用greasemonkey了...
游客

返回顶部