！

可怜的老！这是不必要的，创造了一场维护噩梦，并对级联的空心嘲笑。我从未考虑过使用！多年来很重要，直到我发现了一个非常好的用途：印刷样式表。

。

>让我们假装要创建一个图像库。尽最大努力尊重渐进式增强的理想，我们首先确保图像包含在HTML列表中。最终，我们希望使用JavaScript创建淡入淡出/淡出的幻灯片效果，但我们的基础是一列图像。如果访问者被禁用了JavaScript，那就是他们所看到的。

>

好吧，到目前为止很好。但是，当我们制作打印样式表时，我们会发现计划中的缺陷：当您使用JavaScript动画HTML元素时，您不可避免地会修改元素的样式属性。在我们的幻灯片节目中，JavaScript改变了图像的位置和不透明度，因此一次只揭示了图像。当我们去打印图库页面时，尽管我们想要一列图像，但最终打印的内容只是一个图像。这是因为您无法指定在元素样式属性中声明的CSS的目标媒体类型；您不能说在样式属性中声明的所有样式仅适用于屏幕。

>

>因此，您需要的是指定可以覆盖内联样式的打印样式的方法。只有一种方法可以做到：！重要。在您的打印样式表中，重置图像元素的位置和不透明度，然后添加！

img.gallery {
  position: static !important;
  opacity: 1 !important;
}

确实如此；我找到了合法用途！

以上是！的详细内容。更多信息请关注PHP中文网其他相关文章！