时尚的 CSS 选择器隐藏除 img 之外的所有内容

Question

我正在使用 Firefox 时尚插件。

我想知道在搜索时只显示 images.google.com 中的图像的 css 规则。

从 firebug 我发现 img 标签的 css 选择器是

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;}

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

另一种方法是

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;}

但这隐藏了一切，什么也不显示。

Answer 1

为什么不试试

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;}

Answer 2

我发现显示无法工作，而是使用可见性。但是在能见度上，它也会留下空白。