@page 背景图像取决于 class?
@page background-image depending on class?
我在一个站点上有两个不同的 pages/nodes,我想在我的 CSS 中为背景图像设置不同的 @page 规则。我不太熟悉打印规则(尽管我每天都使用 CSS),因此我不确定如何完成此操作
我曾尝试将@page 与body.node-type @page{}
之类的内容放在一起,但这没有任何作用。这甚至可能吗,或者@page 不可能与 class 或 id 配对——在那种情况下,我该如何解决这个问题?
编辑,在下面尝试过但也没有用:
body.node-type-reference{
@page {
}
}
我知道我也许可以将背景图像放在一个单独的 div 中,但这需要对代码进行重大修改,我什至不确定它在溢出时是否能正常播放到第二页(因为第一页在两种节点类型中都是独一无二的)。
您无法单独在 @page
at-rule 中执行此操作。 CSS 不支持条件 @page
at-rule,其条件取决于标记内的匹配选择器。
正如您所发现的,通过将特定的 @page
at-rule 包含在 <style>
中嵌入到您希望规则应用的页面中(假设您要匹配的 class 在 body
元素上,通常表示 document-specific 样式)。
我在一个站点上有两个不同的 pages/nodes,我想在我的 CSS 中为背景图像设置不同的 @page 规则。我不太熟悉打印规则(尽管我每天都使用 CSS),因此我不确定如何完成此操作
我曾尝试将@page 与body.node-type @page{}
之类的内容放在一起,但这没有任何作用。这甚至可能吗,或者@page 不可能与 class 或 id 配对——在那种情况下,我该如何解决这个问题?
编辑,在下面尝试过但也没有用:
body.node-type-reference{
@page {
}
}
我知道我也许可以将背景图像放在一个单独的 div 中,但这需要对代码进行重大修改,我什至不确定它在溢出时是否能正常播放到第二页(因为第一页在两种节点类型中都是独一无二的)。
您无法单独在 @page
at-rule 中执行此操作。 CSS 不支持条件 @page
at-rule,其条件取决于标记内的匹配选择器。
正如您所发现的,通过将特定的 @page
at-rule 包含在 <style>
中嵌入到您希望规则应用的页面中(假设您要匹配的 class 在 body
元素上,通常表示 document-specific 样式)。