estoy usando position:fixed; bottom:0; en css para colocar mi elemento en la parte inferior de cada página al imprimir. aquí está mi código:

 @media print { .empty-footer { height: auto; } .page-footer { position: fixed !important; bottom: 5px !important; width: 100% !important; height: auto !important; } }

ahora quiero Eliminar este elemento .page-footer en la última página. Intenté, .page-footer:last-of-type {display:none} pero no funciona, sino que elimina todo, porque supongo que cuando se usa la posición fija. lo muestra en todas mis páginas, pero aún tiene solo 1 ocurrencia en la página.

CSS, o la corrección de secuencias de comandos de Javascript servirán. gracias de antemano.