Html 打印样式表的浏览器控制文本

是否有一种简单的方法覆盖所有文本/标题样式，让浏览器处理打印样式表中的文本格式

编辑： 我有很多风格，比如

---

不可以。只能向下层叠，不能引用其他样式。首先。

确保在“打印”模式下不希望应用到文本/标题的任何样式都指定为

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

---

在@print screen模式下，它们将被忽略。

我了解到，在指定为screen的样式表中创建的任何CSS格式都意味着打印页面将被取消格式化

在我的示例中，我无法触摸HTML，并且CSS媒体尚未指定，因此问题仍然存在，但您应该始终确保设置此选项以避免在其他媒体中出现问题

全局设置CSS（包括打印）

仅为屏幕设置CSS（不包括任何媒体，包括打印格式）

除了使用

*

元素之外，使用

*

选择器也没有帮助。您仍然不能使用*{font-family:auto！important；font-size:auto！important；}等来表示“忽略其他样式”效果不太好。家庭重置，但大小格式保持不变。@thomasfedb-根据您的回答，我认为这是因为您误解了这个问题。这是一个非常好的主意。CSS是这样嵌套的吗？我已经使用CSS很长一段时间了，根本没有遇到过！这里没有嵌套，这只是@rules的语法。它们不是选择器，所以在另一个规则集中没有规则集。我很喜欢这个想法，尽管你不想将它应用于格式化文本的每一行CSS。糟糕的是，我以前就知道这一点，我只是从来没有使用过它，出于某种原因，我相信标记不是这样构造的。谢谢。@danixd，通常传统的方法是让单独的打印页以一种简化的方式覆盖常规的css规则。在大多数情况下，您的打印样式表应该只是通过覆盖等方式删除样式。您要求的方法是首先防止样式应用于最常见的视图模式，因此您可能会发现维护变得更加困难，因为您最终会将@media screen语句放置在所有位置。我建议你改变你的方法，简单地覆盖你认为不适合打印的样式。

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

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

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