在打印中顯示特定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