打印CSS隐藏正文并在正文中显示div

Question

我发现有太多关于如何使用css隐藏特定部分的内容。

我不想隐藏多个div：

#flash,#menu,#anuncios { display:none; }

但我需要隐藏整个身体，只是在身体内显示一个div。

我试图将身体设置为：

body {
    display:none;
}

.print {
    display:block!important;
}

但是一切都被隐藏了。

如何使用一个命令隐藏网站的所有内容？并在网站内显示div

Answer 1

您可以合并所有/通用（*）和:not选择器：

＆＃13;

＆＃13;

body *:not(#flash):not(#menu):not(#anuncios) {display: none}

＆＃13;

<div>Not here...</div>
<div id="flash">Hello</div>
<div id="menu">World</div>
<div id="anuncios">!</div>
<div>Also missing...</div>

＆＃13;

＆＃13;

＆＃13;