javascript - 删除用于打印的 JavaScript CSS 覆盖

Question

我面临以下问题:我正在尝试调整 WordPress 主题的打印版。该主题包含一个 jQuery 图像幻灯片，它是从一些包含的脚本生成的，我不应该更改它。

在 HTML 中，幻灯片是一个 ul，每个 li 包含一个图像。 li 元素具有类“featured”和“slide_number_n”，其中 n 是幻灯片的编号(即 slide_number_1、slide_number_2 等)。

所以幻灯片看起来像这样:

<ul class="slideshow_container">
  <li class="featured slide_number_1" style="display:block"><img src="foo.jpg" /></li>
  <li class="featured slide_number_2" style="display:none"><img src="bar.jpg" /></li>
</ul>

如果我查看页面的打印版本(当然)，它包含幻灯片中的所有图像，但我们的客户只希望显示第一个显示，因此我尝试对其进行更改以做到这一点。但是，如果我在幻灯片放映中显示第一张图片后打开打印版本，我根本看不到任何图片，因为 JS 已内联覆盖了所有显示值。我无法撤销这些 JS 更改，甚至无法在我的 print.css 中使用 !important 和 li[style]。

有没有办法可以逆转 JS 在 print.css 中所做的更改？

谢谢你和问候， 朱利安

Answer 1

!important 应该有效。

参见我的示例:http://jsfiddle.net/CqAXu/

如果它不起作用，那么我们需要查看您的更多代码。