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

Question

我有一个网页，它使用网站全局print.css样式表来呈现要打印的页面。该页面还使用divs，header等的全站点类。

我需要在打印版本中增加正文的宽度和此页面字体的大小。我无权编辑全局print.css，并且不想在那里进行更改，因为更改会影响我不想更改的其他页面（由于使用了全局样式，div类，等等。）。

幸运的是，这个页面确实有自己的样式表foo.css，我可以编辑它来进行只会影响这个页面的更改。

更复杂的是，页面在body类上有一个内联样式，我需要更改它才能进行打印。

通常我会用我的样式更改编辑foo.css，使用！important来根据需要覆盖内联样式，但我无法弄清楚：

• 我可以使用@media print {body {width：900px; ！important;}}在foo.css中，即使我已经有了print.css，它也能正常工作吗？

我一直在尝试使用Firebug（使用Web Developer Toolbar）测试它，但如果我将@media打印调用添加到foo.css，似乎什么也没发生。

思想？

Answer 1

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

1. 是all媒体附带的foo.css吗？

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

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

Answer 2

级联顺序有一些规则。见http://htmlhelp.com/reference/css/structure.html