Почему в пред-просмотре не применяется стиль печатаемой области?

Question

[Максим Тюльпаков]

@media print {
    .main-menu-box {
        display: none;
    }
}

Такие ощущения что @media print совсем и не работает. Что не так? Блок не скрывается при выводе на печать.

Answer 1

[ProjectSoft]

Смотрите.
Вот так не будет скрываться блок

#nav .menu-box {
  display: block;
}
@media print {
  .menu-box {
    display:none;
  }
}

Т. к. #nav .menu-box поавторитетней чем просто .menu-box
Если вы хотите в стилях для печати скрыть блок, то нужно повысить приоритет стиля

#nav .menu-box {
  display: block;
}
@media print {
  .menu-box {
    display:none !important;
  }
}

Comments

[Максим Тюльпаков]

Благодарю! То что нужно.