:first

**:first** CSS 伪类，与 @page at-rule 一起使用，表示打印文档的第一页。（有关节点的一般第一个元素，请参见 :first-child。）

css

/* Selects the first page when printing */
@page :first {
  margin-left: 50%;
  margin-top: 50%;
}

注意：你无法使用此伪类更改所有 CSS 属性。你只能更改文档的边距、orphans、widows 和分页符。此外，在定义边距时，你只能使用绝对长度单位。所有其他属性将被忽略。

语法

css

:first {
  /* ... */
}

html

<p>First Page.</p>
<p>Second Page.</p>
<button>Print!</button>

css

@page :first {
  margin-left: 50%;
  margin-top: 50%;
}

p {
  page-break-after: always;
}

document.querySelector("button").addEventListener("click", () => {
  window.print();
});

点击“打印！”按钮打印示例。第一页上的文字应位于中心附近，而其他页面的内容将位于默认位置。

规范
CSS 分页媒体模块级别 3 # left-right-first

BCD 表格仅在浏览器中加载