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

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

我不想隐藏多个div：

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

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

我试图将尸体设置为：

body {
    display:none;
}

.print {
    display:block!important;
}

但一切都是隐藏的

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

您可以将all/universal（

*

）和

：not

选择器组合在一起：

body*：not（#flash）：not（#菜单）：not（#anuncios）{display:none}

不在这里。。。
你好
世界
!
还缺少…

您可以组合所有/通用（

*

）和

：非

选择器：

body*：not（#flash）：not（#菜单）：not（#anuncios）{display:none}

不在这里。。。
你好
世界
!
还缺少…

我在一个网站中完成了这项工作-将所有要隐藏的内容包装在某个标记中（我的名为

。主要内容

，并添加以下样式和元素：

<style>
    #print-message {
        display: none;
        direction: ltr;
        color: black;
        font-weight: bold;
        text-align: center;
        margin: 2rem 0;
    }
    @media print {
        .main-content {
            display: none;
        }
        #print-message {
            display: block;
        }
    }
</style>

#打印消息{
显示：无；
方向：ltr；
颜色：黑色；
字体大小：粗体；
文本对齐：居中；
保证金：2rem 0；
}
@媒体印刷品{
.主要内容{
显示：无；
}
#打印消息{
显示：块；
}
}

这是当用户尝试打印内容时显示的div：

<div id="print-message">
    Printing Unavailable.
</div>

无法打印。

我已经在一个网站上完成了这项工作-将所有要隐藏的内容包装在某个标签中（我的标签名为

。主要内容

，并添加以下样式和元素：

<style>
    #print-message {
        display: none;
        direction: ltr;
        color: black;
        font-weight: bold;
        text-align: center;
        margin: 2rem 0;
    }
    @media print {
        .main-content {
            display: none;
        }
        #print-message {
            display: block;
        }
    }
</style>

#打印消息{
显示：无；
方向：ltr；
颜色：黑色；
字体大小：粗体；
文本对齐：居中；
保证金：2rem 0；
}
@媒体印刷品{
.主要内容{
显示：无；
}
#打印消息{
显示：块；
}
}

这是当用户尝试打印内容时显示的div：

<div id="print-message">
    Printing Unavailable.
</div>

无法打印。

您不需要隐藏正文。如何在不隐藏正文的情况下隐藏所有内容？正如我前面所说的……我不想隐藏几个元素。#flash、#menu、#anuncios{display:none；}你不需要隐藏正文。我如何隐藏所有内容而不隐藏正文？正如我之前所说的……我不想隐藏几个元素。#flash、#menu、#anuncios{display:none；}你的答案是正确的。我在html页面上测试了它，它工作了。但是我正在使用vue，当我在vue中测试它时，它不工作。vue在css方面有一些特殊性。我将研究尝试找出。并不是所有的内容都通过使用：not@RenatoSouzadeOliveira很高兴知道，确保所有未隐藏的内容都在元素中根据您的选择，如果以纯CSS的方式进行，它将保持可见。您的答案是正确的。我在html页面上进行了测试，它工作了。但我使用vue，当我在vue中进行测试时，它不工作。vue在CSS方面有一些特殊性。我将进行研究，试图找到答案。并不是所有内容都通过使用以下方式隐藏：not@RenatoSouzadeOliveira祝你好运现在，确保所有未隐藏的内容都在您选择的元素中，否则它将保持可见（如果以纯CSS方式完成）。