CSS 3不是打印介质的选择器

Question

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

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

它正在工作但是作为可见性：隐藏保留空间，它正在打印空白页面和我的内容。我试图使用：不是来自css3的选择器来设置所有其他div但是“print-area”显示：none，如下所示，

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

这将导致打印空白页。看起来像：不是选择器不能使用媒体打印。任何建议/解决方案都将受到欢迎。

由于

Answer 1

使用它：

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

Answer 2

visibility: hidden;占有空间，仅隐藏。显示对您的身体使用display: none;。

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

编辑您还应声明屏幕

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

Answer 3

将打印介质的样式规则更改为

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

页面上播放的任何标准css都可能超出此样式规则。