サイト グローバル print.css スタイルシートを使用してページを印刷用にレンダリングする Web ページがあります。このページでは、div、ヘッダーなどにサイト全体のクラスも使用しています。
印刷版では、このページの本文の幅とフォントのサイズを大きくする必要があります。グローバル print.css を編集するアクセス権がなく、変更したくない他のページに変更が影響するため (グローバル スタイル、div クラス、等。）。
幸いなことに、このページには独自のスタイルシート foo.css があり、これを編集して、このページにのみ影響する変更を加えることができます。
これをさらに複雑にしているのは、ページの本文クラスにインライン スタイルがあり、印刷用にのみ変更する必要があることです。
通常、スタイルを変更して foo.css を編集し、必要に応じて !important を使用してインライン スタイルをオーバーライドしますが、理解できないのは次のとおりです。
- @media print { body {width: 900px; を使用できますか? !important;}} を foo.css に追加して、既に print.css を持っていても機能しますか?
これを Firebug で (Web Developer Toolbar を使用して) テストしようとしましたが、@media print 呼び出しを foo.css に追加しても、何も起こらないようです。
考え？