印刷品使用独家样式表

Question

目前我的样式表是这样的：

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

有没有办法强制style.css只在显示器上，并强制打印只在印刷品上？我正在尝试创建一个适合打印的页面，并且它将永远地覆盖style.css中的大量规则。

Answer 1

在主样式表上使用media="screen"，因此样式仅应用于监视器屏幕：

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

如果您未指定media属性，则样式表的默认值为media="all"，这意味着样式应用于所有位置。

详细了解媒体类型here（HTML规范）和here（CSS规范）。