更改特定打印页面的样式?

时间:2019-06-14 21:27:53

标签: javascript html css printing

我想对要打印的长长的HTML文档进行样式设置(/转换为PDF),以便在特定的物理页面上以一种方式设置主体的样式,而在其他页面上对其进行样式化另一种方式。具体来说,我希望包含特定段落(例如<p id="dramatic-scene">)的页面具有与其他页面不同的背景图像。

(文档本身不是针对特定页面的结构-而不是每个页面都有一个div,我们只有一个容器可以容纳整篇文章的内容。如果确实如此,我们可能只需使页面的div覆盖页面的整个尺寸并为其提供图像即可-但我希望避免页面具有刚性的结构。)

在选择器级别4中,有一个:has()伪类(尽管是工作草案的一部分,所以它是not supported anywhere yet)。是否有类似内容可以指定要应用CSS的页面?类似于@media print and (page-has: #dramatic-scene) {}。我怀疑是否存在-一些快速搜索未找到任何内容-但我认为值得在这里提出疑问。

更现实的是,有什么方法可以用JavaScript模拟吗?对于我的用例来说,这将是一个很好的解决方案。我在搜索中找不到关于此的任何信息-任何与打印有关的JS讨论似乎都是关于制作要打印的按钮,在打印之前将屏幕换成打印样式表等,而不是使页面样式对可见内容做出反应。 / p>

0 个答案:

没有答案