javascript - 具有相同文件名的多个 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; }
}