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