在打印中显示特定div的内容

Question

我想从Firefox打印一些内容。 我已经在html页面<div id="printContent"></div> ，该页面默认为隐藏。 使用CSS我在打印时显示此div并注入内容

@media print {    
    #printContent{
        display:block;
    }
}

但是在打印预览中，我得到了其他页面div，而不仅仅是这个#printContent 。 我应该怎么做才能在firefox打印预览上仅获取#printContent ？

Answer 1

使用display：none在媒体选择器中隐藏其他内容-建议您将#printContent div设为body的子代，然后

@media print {    
    body>* {
        display:none !important;
    }
    body>div#printContent{
        display:block !important;
    }
}

编辑：添加了！important-取决于您是否需要!important其他CSS