:first

Baseline 2023

Newly available

Since ⁨August 2023⁩, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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

css

/* 打印时选择第一页 */ @page :first { margin-left: 50%; margin-top: 50%; }

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

语法

css

:first { /* ... */ }

html

<p>第一页。</p> <p>第二页。</p> <button>打印！</button>

css

@page :first { margin-left: 50%; margin-top: 50%; } p { page-break-after: always; }

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

按下“打印！”按钮以打印此示例。第一页的文字应该大致位于中心位置，而其他页的内容将位于默认位置。

Specification
CSS Paged Media Module Level 3 # first-pseudo

This page was last modified on ⁨2025年11月4日⁩ by MDN contributors.