Управляемый браузером текст для печати таблицы стилей

Question

Существует ли простой способ перезаписать все стили текста / заголовка, чтобы позволить браузеру обрабатывать форматирование текста в таблице стилей печати?

Редактировать: у меня много стилей, например

#id .class .class #id .class p{}

Answer 1

Убедитесь, что все стили, которые вы применили к тексту / заголовку, которые вы не хотите применять в режиме «печати», указаны как:

@media screen {
  .headerStyle { color: green; }
}

Они будут игнорироваться на экране @print.режим.

Answer 2

Я узнал, что любое форматирование CSS, созданное в таблице стилей, указанной как screen, означает, что страница печати будет не отформатированной.

В моем примере я не могу коснуться HTML, а медиа CSS не имеетбыло указано, поэтому проблема остается, но вы всегда должны устанавливать ее, чтобы избежать проблем в других средах.

Установить CSS глобально (включая печать)

<link href="style.css" rel="stylesheet" type="text/css">

Установить CSS только для экрана (исключая любые носители, включая формат печати)

<link href="style.css" rel="stylesheet" type="text/css" media="screen">

Answer 3

Нет. Вы можете каскадировать только вниз, и вы не можете ссылаться на другие стили. Ограничьте CSS, который у вас есть, теми типами медиа, которые вы хотите .