Использование print.css с @media print в другом месте

Question

У меня есть веб-страница, которая использует глобальную таблицу стилей print.css для отображения страницы для печати. На странице также используются обычные классы для div, заголовков и т. Д.

Мне нужно увеличить ширину тела и размер шрифта этой страницы в печатной версии. У меня нет доступа для редактирования глобального print.css, и я предпочел бы не вносить в него свои изменения, потому что эти изменения будут влиять на другие страницы, которые я не хочу менять (из-за использования глобальных стилей, классов div, так далее.).

К счастью, эта страница имеет свою собственную таблицу стилей, foo.css, которую я могу редактировать, чтобы вносить изменения, которые влияют только на эту страницу.

Еще больше усложняет то, что у страницы есть встроенный стиль в классе тела, который мне нужно изменить только для печати.

Обычно я редактировал бы foo.css со своим изменением стиля, используя! Важное, чтобы переопределить встроенный стиль по мере необходимости, но что я не могу понять, это:

• Могу ли я использовать @media print { body {width: 900px;! важный;}} в foo.css и он работает, хотя у меня уже есть print.css?

Я пытался проверить это в Firebug (с помощью панели инструментов веб-разработчика), но если я добавлю вызов @media print в foo.css, похоже, ничего не произойдет.

Мысли?

Answer 1

Это должно быть возможно. Вещи, чтобы проверить:

1. Включен ли foo.css all средства массовой информации?

2. Вы не должны иметь ; до !important,

3. Ваш @media Селектор имеет более высокую специфичность, чем встроенный стиль?

Answer 2

Есть несколько правил для каскадного порядка. См. http://htmlhelp.com/reference/css/structure.html