@page:首先不工作

Dan*_*nna 5 html css printing

我必须在打印版本中使用两个不同的标题:一个用于第一页,一个用于其他页面。我想为其他页面添加标题(固定在顶部),并使用 css display: none 作为第一页。但我对@page 没有任何影响:首先。这是我的代码:

@page :first {
    .header {
        display: none;
    }
}
Run Code Online (Sandbox Code Playgroud)

我也尝试将 !important 放入 css 但没有任何反应。我应该怎么办?

小智 4

:first只允许很少的 CSS 属性。您只能使用它更改边距、分页符和窗口。其他 CSS 属性将被忽略。所以我假设 display:none 可能不起作用。

不过,您可以参考更多有关如何使用 @page 以及它适用于哪种类型的 CSS 属性的信息。

https://developer.mozilla.org/en/docs/Web/CSS/:首先