时尚的CSS选择器隐藏除了img之外的一切

时间:2013-12-25 09:57:35

标签: css stylish

我正在使用firefox时尚插件。

我想知道css规则,它会在搜索时仅显示images.google.com中的图片。

来自firebug的

我发现img标签的css slector是

html body#gsr.srp div#main div#cnt.mdm div#rcnt div.col div#center_col div#res.med div#search div#ires ol#rso li div#rg div#rg_s div.rg_di a.rg_l img.rg_i

我试过

*:not(html body#gsr.srp div#main div#cnt.mdm div#rcnt div.col div#center_col div#res.med div#search div#ires ol#rso li div#rg div#rg_s div.rg_di a.rg_l img.rg_i){display: none;}

但这不起作用,我发现:不(...)只能选择简单的选择器。

另一种方式是

html{display: none;}

html body#gsr.srp div#main div#cnt.mdm div#rcnt div.col div#center_col div#res.med div#search div#ires ol#rso li div#rg div#rg_s div.rg_di a.rg_l img.rg_i{display: block;}

但这隐藏了一切并且什么也没显示。

2 个答案:

答案 0 :(得分:0)

为什么不试试

html body * {display: none;}
html body#gsr.srp div#main div#cnt.mdm div#rcnt div.col div#center_col div#res.med div#search div#ires ol#rso li div#rg div#rg_s div.rg_di a.rg_l img.rg_i {display: block;}

答案 1 :(得分:0)

我发现显示无法工作而是使用可见性。在可见性方面,它也会留下空白。