1

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

想法?

4

2 回答 2

0

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

  1. 媒体中包含 foo.cssall吗?

  2. 你不应该有一个;before !important

  3. 您的选择器是否比内联样式@media具有更高的特异性?

于 2011-10-01T01:23:34.997 回答
0

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

于 2011-10-01T01:28:18.883 回答