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