CSS 3 不是打印媒体的选择器

Question

我正在尝试打印整个 html 文档的一部分。我正在使用下面的 css 来做到这一点。

@media print { body * {
    visibility: hidden;
}
#print-area * {
   visibility: visible;
}}

它正在工作，但由于可见性:隐藏保留了空间，它正在打印空白页和我的内容。我试图使用 :not 从 css3 选择器来设置除“打印区域”之外的所有其他 div 以显示:无，如下所示，

div:not(#print-area){ display:none; }

这将导致打印空白页。看起来 :not 选择器不适用于媒体打印。对此的任何建议/解决方案都将受到欢迎。

谢谢

Answer 1

visibility:hidden; 保存空格并且仅隐藏。在您的 body 上展示 use display: none;。

@media print { #wrapper {
    visibility/: hidden;
    display: none;
}
#print-area {
   visibility/: visible;
   display: block;
}}

编辑您还应该声明屏幕

@media screen { #wrapper {
         display: block;
}