相关疑难解决方法(0)

我有一个包含大量数据,表格和内容的页面.我想制作一个只显示很少选定内容的打印版本.

我正在阅读有关"@media print"的CSS功能,而不是仅仅为了打印而编写另一个页面.

首先,哪些浏览器支持它？由于这是一个内部功能,只有最新的浏览器支持它才行.

我正在考虑使用"可打印"类标记一些DOM元素,并且基本上将"display:none"应用于除了具有"可打印"类的那些元素之外的所有内容.那可行吗？

我该如何实现这一目标？

编辑:这是我到目前为止:

<style type="text/css">
@media print {
    * {display:none;}
    .printable, .printable > * {display:block;}
}
</style>

但它隐藏了一切.如何使这些"可打印"元素可见？

编辑:现在尝试消极方法

<style type="text/css">
@media print {
    body *:not(.printable *) {display:none;}
}
</style>

这在理论上看起来不错,但它不起作用.也许"不"不支持高级CSS ...

我想在某些屏幕分辨率中隐藏所有元素,只显示想要的元素:

例如:

*{
    display: none;
}
#block{
    display: block !important;
}

但这不会再覆盖显示属性.演示