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

Question

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

Answer 1

在css中添加@media规则。

@media规则允许您在一个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; }
}