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

Question

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

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

它正在工作，但作为可见性：隐藏保留空间，它正在打印空白页和我的内容。我试图使用 :not 来自 css3 的选择器来设置所有其他 div，但将“打印区域”设置为 display:none，如下所示，

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

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

谢谢

score 1 · Accepted Answer

1

用这个：

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

于 2013-06-16T07:33:28.327 回答

score 1 · Accepted Answer

visibility: hidden;占据空间，它只是隐藏的。显示display: none;对你的身体有用。

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

编辑您还应该为屏幕声明

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

score 0 · Accepted Answer

将打印媒体的样式规则更改为

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

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

3 回答 3