CSS打印设置中使用伪类区分左右页面格式
作者：佚名 时间：2014-03-26
在许多网站打印应用程序中，作者希望对文档的首页面使用不同的页面布局，并将两面文档的右边和左边页面的格式区分开来。CSS使用三个与页面名称相连的伪类来调整所有这些情况。
在许多网站打印应用程序中，作者希望对文档的首页面使用不同的页面布局，并将两面文档的右边和左边页面的格式区分开来。CSS使用三个与页面名称相连的伪类来调整所有这些情况。
“:first”伪类将页面格式应用到文档的首页面上。在“:first”页面指定的page-layout属性会覆盖一般页面布局中对应的属性。可以将“:first”伪类与命名的页面布局结合起来使用；如果文档的首页是使用命名的页面显示的。就会应用适当的首页布局。
“:left”和“:right”伪类也用相似的方式定义文档左边和右边的页面布局。此外，命名的页面可以有左边和右边的变化。浏览器会把适当的左边和右边布局应用到文档中的所有页面中，当然，前提是如果存在这种布局的话。
你无需指定命名的页面来使用这些伪类。实际上，多数文档都没有这么做。例如，如果使用下列这些设置：
@page:first{margin-top: 3in}
@page:left{margin-left: 2in; margin-right: 1in}
@page :right{margin-left: 1in; margin-right: 2in}
而没有进一步的干涉，文档的首页就会具有3英寸宽的上边界（根据你所在地区如何定义文档的首页，是在右边还是左边，据此设置适当的右边界和左边界）。随后的页面会交替加宽或缩小内部和外部的边界。
