Mostrar un encabezado diferente en la primera página impresa con HTML y CSS

¿Es posible, con cualquier combinación de HTML y / o CSS, mostrar un encabezado en la primera página impresa y luego mostrar un encabezado diferente en cada página impresa subsiguiente? Sé que la etiqueta @media print CSS solo muestra algo cuando se imprime el sitio, pero eso no me permite tener diferentes encabezados en varias páginas.

Cualquier ayuda es apreciada, gracias!

de http://css-discuss.incutio.com/wiki/Printing_Headers

Si desea encabezados y pies de página impresos y con control total de CSS, tendrá que esperar hasta que los navegadores implementen el soporte para la Recomendación Candidata de Mediad Media CSS3. Proporciona explícitamente la instalación, pero de una manera bastante diferente, utilizando recuadros de margen.

probablemente porque…

… la descripción CSS de la posición: fija, [es] a saber “… En el caso del tipo de material de impresión, el cuadro se representa en cada página, y se fija con respecto a la página …” [Sección 9.3.1]

… pero el artículo dice que no funciona en estos días.

PERO , para ayudarte, más adelante el artículo dice:

Establecer un margen superior en el cuerpo (por ejemplo) funcionará solo para la primera página.

La única forma en que puedo ver cómo hacerlo es usar diferentes encabezados y page-break forzadas.

Asi que

 PAGE 1 HEADER 1 //display only on print CONTENT.... PAGE BREAK DIV //display only on print PAGE 2 HEADER 2 //display only on print CONTENT.... PAGE BREAK DIV //display only on print etc.. 

Tus encabezados recibirían una clase de printHeaders

Su

página div sería algo así como

En tu CSS, tendrías algo parecido a

  .printHeaders, .pageBreak {display:none;} @media print { .printHeaders, .pageBreak {display:block;} .pageBreak {page-break-before:always;} } 
    Intereting Posts