Question

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

我也试过把重要的东西放在css中，但没有任何反应。我该怎么办？

Answer 1

:first只允许少量CSS属性。您只能使用它更改边距，分页符和窗口。其他CSS属性将被忽略。所以我假设显示：没有可能不起作用。

虽然您可以参考更多关于如何使用@page以及它的工作原理类型的CSS属性。

Answer 2

@page CSS at-rule用于修改某些CSS属性打印文件。您无法使用@page更改所有CSS属性。您只能更改边距，孤儿，寡妇和分页符该文件。尝试更改任何其他CSS属性将是忽略。

注意：您无法使用：first更改所有CSS属性。你只能更改文档的边距，孤立，寡妇和分页符。所有其他CSS属性都将被忽略。

因此，您尝试删除自己的元素之一 - 请尝试使用媒体查询：

@media print {
  .header { display: none; }
}

Answer 3

它看起来像是Mozilla错误。即使在这里遵循自己的示例，我也无法保证利润：

两页的打印方式相同，没有区别。