如何在引导程序中使每个页面元素默认不可打印

Question

我想明确指定应该打印的元素

.visible-print-block
.visible-print-inline
.visible-print-inline-block

类。我不想用hidden-print覆盖所有内容，有没有办法通过微小的 css 努力来实现这一点？

提前谢谢你！

Answer 1

.hidden-print类只是在print媒体查询中向元素添加display: none!important：

@media print {
    .hidden-print {
        display: none !important;
    }
}

如果要在打印时默认隐藏所有元素，可以使用以下命令：

@media print {
    * {
        display: none !important;
    }
}

如果要排除.visible-print-*类，可以使用：

@media print {
    body *:not(.visible-print-block):not(.visible-print-inline):not(.visible-print-inline-block) {
        display: none !important;
    }
}