Aprovecho este post para saludar a todos y (como no) hacer una consulta sobre algo que nunca he conseguido hacer.
¿Existe alguna manera de asignar estilos para un medio específico (impresión) dentro del código? No me refiero a utilizar un css externo para otro medio, ni a utilizar un bloque de código en el head de la página que indique los estilos para impresión. Me refiero a cambiar los estilos de impresión tal y como hacemos normalmente con el parámetro style. Algo así como:
Código HTML:
<span style="(media print)font-size:1em;(media screen)font-size:2em;">hola</span>
No me vale un estilo externo para impresión porque en el código estoy cambiando los estilos dinámicamente. Y estos siempre tienen preferencia sobre la hoja de estilos externa.
Vale: Mientras estaba escribiendo esto me he dado cuenta de que no había probado a incluir la clausula !Important en la hoja de estilos externa para impresión. Aunque eso soluciona mi problema, me sigue quedando la duda: ¿hay alguna manera de modificar los estilos para un medio determinado directamente en el elemento? ¿y dinámicamente con JS?
Un saludo y muchas gracias.