具有相同文件名的多个CSS文件

Question

我试图让这个与我MVC3应用工作。 看来javascript来源运作正常。 它将整个页面（包括头和身体）附加到原始页面的底部，并尝试使用css文件。 首次在页面顶部使用属性（media ='print'）声明此文件。 而且它不会在页面上应用任何更改。 第二次插件在下面用属性（media ='all'）对其进行声明，并且从此刻起，它应该应用更改，显示打印预览和显示按钮。 但是什么也没有发生，直到我在页面顶部将“媒体”属性从“打印”手动更改为“全部”。 看起来第一个声明正在阻止第二个声明。 我不能一直使用此CSS文件，因为我需要在打印模式下隐藏一些元素。 有什么建议么？

Answer 1

在CSS中添加@media规则。

@media rule可让您在一个css文件中按媒体类型对CSS规则进行分组：

body {
color:#444;
background-color:#fff;
}
@media screen, projection {
body { background-image:url(background.png); }
}
@media print {
body { color:#000; }
}
@media handheld {
body { color:#0f6517; }
}