css - 在其他地方使用 print.css 和@media print

Question

我有一个网页使用站点全局 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，似乎什么也没有发生。

想法？

Answer 1

这应该是可能的。要检查的事项:

1. foo.css 是否包含在所有媒体中？

2. !important 之前不应该有 ;。

3. 您的@media 选择器是否有更高的specificity比内联样式好吗？