我有一个网页使用站点全局 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 打印调用添加到 foo.css，似乎什么也没有发生。
想法？
最佳答案
这应该是可能的。要检查的事项:
foo.css 是否包含在
所有媒体中？!important之前不应该有;。您的
@media选择器是否有更高的specificity比内联样式好吗？
关于css - 在其他地方使用 print.css 和@media print，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7617457/