Html Can style"；显示：block"；否决；显示：无“；媒体打印CSS的应用？

下面是一个HTML元素：

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

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

样式

display:block

是否会推翻

@media print

的

display:none

？

规则本身没有任何特殊性，并且由于您通过内联样式添加CSS规则，它们将始终覆盖任何不使用规则的外部样式。因此，在这种情况下，您唯一的选择是：

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

---

看起来你在我打字的时候得到了答案！只是为了澄清问题所有者：这是正确的答案。厄尼提出的不可能的建议是错误的！“重要信息”将覆盖附加到元素的任何其他样式，无论是来自样式表还是应用于内联。

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