Javascript 打印时显示特定div中的内容

我想从firefox打印一些内容。我已经有了默认情况下隐藏的内部html页面

。使用css，我在打印时使用注入内容显示这个div，就像

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

---

但是在打印预览中，我得到了一些其他的页面div，不仅仅是这个

#printContent

。我应该怎么做才能在firefox打印预览版上只获得

#printContent

？

使用display:none in media selector隐藏其他内容-我建议您的#printContent div是body的孩子，然后您可以

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

编辑：添加！重要信息-根据其他CSS，您可能需要也可能不需要

！重要信息