CSS :left
伪类选择器用于匹配被打印文档的所有左侧的页面。
当使用左右两侧的方式来打印页面(例如打印一本书)的时候,左侧的页面和右侧的页面是不同的。:left
伪类选择器用于和@page
结合使用。@page
规则用于选择打印文档的所有页面,当它和:left
伪类选择器结合使用时,只会选择左侧的页面。例如:
@page :left { /* 为所有的左侧页面设置样式 */ }
@page
规则除了可以和:left
伪类选择器结合使用之外,还可以和:first
和:right伪类选择器结合使用。:first
用于选择文档中所有的第一个页面,:right
用于选择所有右侧的页面。
@page :left
中设置的规则会覆盖@page
中设置的规则。
@page :first
中设置的规则会覆盖所有@page :left
和@page :right
中设置的规则。
示例代码
/* 页面的所有margin值设置为2cm */ @page { margin: 2cm; } /* 左侧页面的margin值设置为2.5cm */ @page :left { margin-left: 2.5; }
浏览器支持
只有 Internet Explorer 8+和Opera 9.2+的浏览器支持:left
伪类选择器。Firefox浏览器不支持,其它浏览器是否支持不确定。