CSS 打印，仅在第一页宽度 css 上的标题

Posted 2023-03-06

【中文标题】CSS 打印，仅在第一页宽度 css 上的标题

【英文标题】：CSS Print, header only on first page width css

【发布时间】：2017-04-23 16:00:52

【问题描述】：

我在徽标标签内有一个徽标。对于打印样式，我做了一个@print 媒体查询 css。如果我将其打印出来，徽标将打印在每一页上 - 但它应该只显示在第一页上。

试过了：

header  display:none; 
@page:first  
  header  display:block;  

但是标题会在每一页上删除！任何提示？ 谢谢

【问题讨论】：

@page:first header display:block; 这足以发挥作用

How to use html to print header and footer on every printed page of a document?的可能重复

@SelvamElumalai @ page:first header display:block; 不适合我

@Imran，你能分享你的代码，我可以一起检查css吗？

【参考方案1】：

您可以向 CSS 提供一个条件，告诉它不要在除第一个页面之外的任何页面上应用标题。

header  display:block; 
@page :not(:first) 
   header  display:none; 

谓词:not(:first) 防止标题显示在后续页面上。

【讨论】：

不工作，很遗憾。我认为这是因为您只能使用 :first: developer.mozilla.org/en-US/docs/Web/CSS/:first

设置基本的 CSS 属性