Chrome 在少数情况下不遵循@media 打印规则答案

【问题标题】：Chrome not following @media print rule in few scenariosChrome 在少数情况下不遵循@media 打印规则
【发布时间】：2014-07-07 14:03:19
【问题描述】：

在我的样式表中，我使用@media 打印规则，但在少数情况下，特别是与链接有关的情况下，它没有获得定义的链接颜色，而是获得页面上的默认链接颜色，这个问题只是且唯一在谷歌浏览器上，但其余的样式正在工作。

我很少遵循有关媒体打印 css 的其他问题的建议，但也没有帮助。

以下方法我已经使用过

<style media="print"></style>

@media print{
    a:link{color:balck !important;}
}

<link rel"" type"text/css" media="print" src="print.css" />

所以我想知道我在这里缺少什么以及我还能尝试什么？

【问题讨论】：

演示或现场站点会有所帮助。似乎问题出在您的 CSS 中，您可能已经使用了 !important 或类似的东西。顺便说一句，我希望 balck 只是一个错字，在你真正的 CSS 中不是这样的。

【解决方案1】：

如果您使用@media print，则需要在样式中添加!important，否则页面将使用元素的具有更高优先级的内联样式。

例如

<div class="myelement1" style="display:block;">My div already has inline styles.</div>

在@media 打印中

@media print {
   .myelement1, .myelement2 { display: none !important; }
}

【讨论】：