CSS Print, header only on first page width css

Question

I have a logo inside the Logo tags. For printing style i made a @print media query css. If i print it out the logo will printed on every page - but it should only shown on the first page.

Tried with that:

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

but so the header will deleted on every pages! Any tipps? Thanks

Answer 1

You should delete the code

header { display : none; }

because by setting the display property to none. The element will be hidden, and the page will be displayed as if the element is not there.