Elemento visible solo en la página de impresión

Question

Tengo problemas para visualizar SÓLO algunos elementos SOLAMENTE en la página de impresión. Por ejemplo, tengo una página donde los usuarios pueden ver la vista previa de impresión (javascript simple). En esa página de impresión im mostrando sólo algunos elementos de la página (no todos ellos), utilizando para ello:

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

Ahora cuando aplico .noPrint a un elemento, no será showned en la página de impresión. Pero, cómo es posible crear, por ejemplo, div en una página, que será visible en "imprimir página" pero no en página normal.

¿Es esto suficiente y es compatible con la mayoría de los navegadores?

@media screen, projection, tv { 


.dontShowThis { 
    display:none 
    } 
} 

Y ahora si quiero mostrar elemento en la página de impresión, pero no en la página normal haré esto

<div class="dontShowThis printIt">Some content goes here</div> 

TNX

Answer 1

Yo somthing similar hace un tiempo, así es como lo hice:

@media screen 
{ 
    .noPrint{} 
    .noScreen{display:none;} 
} 

@media print 
{ 
    .noPrint{display:none;} 
    .noScreen{} 
} 

<div class="noScreen">Some content goes here</div> 

Aparentemente, este es soportado por todos los navegadores, incluso IE8 comenzó a apoyarlo.