javascript - 同じファイル名の複数の css ファイル

Question

これを MVC3 アプリケーションで機能させようとしています。javascript ソースは正常に動作しているようです。ページ全体 (head と body を含む) をオリジナルの下部に追加し、css ファイルを使用しようとします。このファイルは、属性 (media='print') を使用してページの上部で初めて宣言されます。また、ページに変更を適用しません。2 回目のプラグインは、属性 (media='all') を使用して以下で宣言します。この時点から、変更を適用し、印刷プレビューを表示し、ボタンを表示する必要があります。しかし、ページの上部にある「メディア」属性を「印刷」から「すべて」に手動で変更するまで、何も起こりません。最初の宣言が 2 番目の宣言をブロックしているようです。印刷モードで一部の要素を非表示にする必要があるため、この css ファイルを常に使用することはできません。

Answer 1

CSS に @media ルールを追加します。

@media ルールを使用すると、1 つの 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; }
}