html - 打印 CSS 隐藏正文并在正文中显示一个 div

Question

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

我不想隐藏多个 div:

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

但我需要隐藏整个 body ，只显示 body 内部的一个 div。

我尝试将正文设置为:

body {
    display:none;
}

.print {
    display:block!important;
}

但一切都是隐藏的。

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

Answer 1

您可以组合使用all/universal (*) 和:not 选择器:

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

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