У меня есть веб-страница, которая использует глобальную таблицу стилей print.css для отображения страницы для печати.На странице также используются обычные классы для div, заголовков и т. Д.
Мне нужно увеличить ширину тела и размер шрифта этой страницы в печатной версии.У меня нет доступа для редактирования глобального print.css, и я предпочел бы не вносить в него свои изменения, потому что эти изменения коснутся других страниц, которые я не хочу менять (из-за использования глобальных стилей, классов div,так далее.).
К счастью, на этой странице есть собственная таблица стилей foo.css, которую я могу редактировать, чтобы вносить изменения, которые будут влиять только на эту страницу.
Еще больше усложняет то, что страница имеет встроенный стильдля класса тела, который мне нужно изменить только для печати.
Обычно я редактировал бы foo.css со своим изменением стиля, используя! важное, чтобы переопределить встроенный стиль по мере необходимости, но что я не могу понятьis:
- Могу ли я использовать @media print {body {width: 900px;! важный;}} в foo.css и он работает, хотя у меня уже есть print.css?
Я пытался проверить это в Firebug (с панелью инструментов веб-разработчика), ноесли я добавлю вызов @media print в foo.css, похоже, ничего не произойдет.
Мысли?