打印或打印预览时,如何使用不同的CSS？

Question

我想在我的网页上更改一些内容.我也想隐藏一些东西.我打印时有没有办法用CSS做到这一点？特别是我希望能够隐藏一些DIV及其包含的所有内容.

Answer 1

这可以通过单独的打印样式表来实现.该media属性是关键:

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

Answer 2

是的,您需要media在包含css时使用该属性.例如

<link rel="stylesheet" href="my_print_style.css" media="print">

或者,您可以在样式表中使用媒体规则,例如,您没有足够的更改来保证全新的样式表.像这样的东西,

@media print {
    // print specific styles.
}

有关详细信息和有效的媒体类型,请参见http://www.w3.org/TR/CSS2/media.html#at-media-rule.

Answer 3