Css @页面背景图像取决于类别?

Css @页面背景图像取决于类别?,css,printing,mpdf,Css,Printing,Mpdf,我在一个站点上有两个不同的页面/节点,我希望在CSS中对背景图像使用不同的@page规则。我不太熟悉打印规则(尽管我每天都使用CSS),因此我不确定如何实现这一点 我曾尝试将@page与body.node-type@page{}放在一起,但没有任何效果。这是可能的,还是@page不可能与类或id配对?在这种情况下,我该如何解决这个问题 编辑,在下面尝试,但也不起作用: body.node-type-reference{ @page { } } 我知道我可能可以将背景图像放在一

我在一个站点上有两个不同的页面/节点,我希望在CSS中对背景图像使用不同的@page规则。我不太熟悉打印规则(尽管我每天都使用CSS),因此我不确定如何实现这一点

我曾尝试将@page与
body.node-type@page{}
放在一起,但没有任何效果。这是可能的,还是@page不可能与类或id配对?在这种情况下,我该如何解决这个问题

编辑,在下面尝试,但也不起作用:

body.node-type-reference{
     @page {
    }
}

我知道我可能可以将背景图像放在一个单独的div中,但这需要对代码进行重大修改,我甚至不确定当溢出到第二个页面时这是否会起作用(因为第一个页面在两种节点类型中都是唯一的)。

仅在
@page
规则中是无法做到这一点的。CSS不支持有条件的
@page
at规则,这些规则的条件依赖于标记中的匹配选择器


正如您所发现的,这是通过将特定的
@page
at规则包含在
中来解决的,该规则仅嵌入到您希望应用该规则的页面中(假设您要匹配的类位于
body
元素上,该元素通常表示文档特定的样式).

为什么不在每个页面的一个父div上为每个页面指定一个不同的类名?我有一个问题,问题是如何使用@page属性选择它?由于缺乏更好的实现,我现在将@page规则放在所讨论的节点类型的标记中–丑陋但功能强大。我们仍然欢迎对更好的解决方案作出答复。编辑:划破它,它也没有完全发挥作用。啊,好吧。唯一的问题是,我依靠一个模块从页面上的内容生成pdf文档,该页面只需要一个print.css文件。呃,看来我还有一些重大的重做要做。