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

Question

我试图让this与我的MVC3应用程序一起工作。它看起来像JavaScript源工作正常。它将整个页面（包括头部和正文）追加到原稿的底部，并尝试使用该css文件。第一次在属性（media ='print'）的页面顶部声明这个文件。它不会在页面上应用任何更改。第二次插件用属性（media ='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; } 
}