如何正确定义多个样式表的媒体类型?

这个 spec 很明显地说 all 媒体类型意味着样式表适合 全部的 媒体类型。

如果这是正确的,你可以使用它。

然而,很可能情况并非如此(它真的适合 speech ?),因此应将主样式表设置为 screen :

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

还可以定义媒体类型 在内部 一个CSS文件,用于表示应与使用的媒体类型一起使用的规则 @media 按规则。

从 a W3 schools example :

@media screen {
    p.test {font-family:verdana,sans-serif;font-size:14px;}
}
@media print {
    p.test {font-family:times,serif;font-size:10px;}
}
@media screen,print {
    p.test {font-weight:bold;}
}