Html 用“:right”css页面规则开始第一页?

Html 用“:right”css页面规则开始第一页?,html,css,princexml,css-paged-media,Html,Css,Princexml,Css Paged Media,我定义了@page:left和:right页边距如下: @page :left { margin-left: 0.75in; margin-right: 0.25in; } @page :right { margin-right: 0.75in; margin-left: 0.25in; } 当我使用Chrome打印时,它似乎总是以:left规则开始文档 有没有办法让打印从:right规则开始 我最感兴趣的是Chrome的解决方案,但我也对Prince的解决方案感兴趣。CSS

我定义了
@page:left
:right
页边距如下:

@page :left {
  margin-left: 0.75in;
  margin-right: 0.25in;
}

@page :right {
  margin-right: 0.75in;
  margin-left: 0.25in;
}
当我使用Chrome打印时,它似乎总是以
:left
规则开始文档

有没有办法让打印从
:right
规则开始


我最感兴趣的是Chrome的解决方案,但我也对Prince的解决方案感兴趣。

CSS代表“层叠样式表”,而“层叠”意味着它是从上到下读取的。如果您只是简单地切换语句的顺序,它应该先向右阅读。

将@page:right放在:left上面就可以了

@page :right {
  margin-right: 0.75in;
  margin-left: 0.25in;
}

@page :left {
  margin-left: 0.75in;
  margin-right: 0.25in;
}

您可以使用调整Chrome和Prince中的分页符(显然)。

为什么不交换规则样式?只要有
:left
有一个更宽的右边距。仅供参考:Prince似乎可以让您有效地交换两个
:left
:right
规则的值:这在Chrome中似乎也起作用!如果你想写出来,我就接受。