0

我面临以下问题：我正在尝试调整 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 中也没有使用!importantand 。li[style]

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

谢谢你和问候，朱利安

4

2 回答 2

1

!important应该管用。

看我的例子：http: //jsfiddle.net/CqAXu/

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

于 2012-05-30T14:52:13.447 回答
0

只打印第一个：

<style media="print">
    #slideshow_container .feature {
        display: none!important;
    }

    #slideshow_container :first-child {
        display: list-item!important;
    }
</style>

<ul id="slideshow_container">
    <li class="feature" style="display: none">Print</li>
    <li class="feature" style="display: list-item">Noprint, Current</li>
    <li class="feature" style="display: none">Noprint</li>
    <li class="feature" style="display: none">Noprint</li>
    <li class="feature" style="display: none">Noprint</li>
</ul>
于 2012-05-30T15:49:19.307 回答