显示打印时特定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是正文的孩子，然后你可以

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

编辑：添加！重要 - 取决于您可能需要或不需要的其他CSS !important