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

Question

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

我遵循了关于媒体打印 css 的其他问题的一些建议，但它也没有帮助。

以下是我已经用过的方法

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

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

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

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

Answer 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; }
}