样式“显示：阻止”否决“display：none”的媒体打印CSS？

Question

这是一个HTML元素：

<div id="cboxOverlay" style="display: block; opacity: 0.9; cursor: pointer;" class="price_match_no_print"></div>

这是一些CSS：

@media print {
    .price_match_no_print {
        display:none;
    }
}

现在，当我打印页面时，上面的HTML元素出现在打印页上？

样式display: block是否取代了display: none的{​​{1}}？

Answer 1

@media规则本身没有任何特异性，因为您通过内联样式添加CSS规则，它们将始终覆盖任何未使用!important规则的外部样式。所以在这种情况下，你唯一的选择是：

@media print {
    .price_match_no_print {
        display:none !important;
    }
}