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