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，否则页面将使用具有更高优先级的元素内联样式。

E.g。

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

在@media print

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