我有一个网页,它使用站点全局 print.css 样式表来呈现页面以进行打印。该页面还为 div、标题等使用站点范围的类。
我需要在打印版本中增加正文的宽度和此页面的字体大小。我无权编辑全局 print.css,并且不想在那里进行更改,因为更改会影响我不想更改的其他页面(由于使用全局样式、div 类、 ETC。)。
幸运的是,这个页面确实有它自己的样式表 foo.css,我可以编辑它来做出只会影响这个页面的更改。
更复杂的是,页面在 body 类上有一个内联样式,我只需要更改它以进行打印。
通常我会用我的样式更改来编辑 foo.css,使用 !important 根据需要覆盖内联样式,但我不知道的是:
- 我可以使用@media print { body {width: 900px; !important;}} 在 foo.css 中并且即使我已经有一个 print.css 也能正常工作?
我一直在尝试在 Firebug(使用 Web 开发人员工具栏)中对此进行测试,但是如果我将 @media print 调用添加到 foo.css,似乎什么也没有发生。
想法?