css - 是否可以使用另一个样式表来设置 div(及其子项)的样式？

Question

我正在尝试显示打印预览 div(示例中为 #preview)。有没有办法只对特定的 div 及其子元素使用 print.css 来覆盖所有本地定义？

本质上，我希望能够做类似于以下的事情:

#preview element {
    definition equal to definition of an element in print.css
}

在 main.css 中，但用于一长串定义。它不太干，下面的选项更连贯。

第二种方法是将 print.css 包含到主文档中，并从

更改每个定义

element {
    definition
}

到:

element, #preview element {
     definition
}

但这对我来说似乎有点麻烦。
解决此问题的最佳方法是什么？

更新只是举个例子:
在主文档中我有红色下划线链接，它们在打印版中应该是蓝色未修饰的。因此，当动态形成预览内容时，我会弹出 div，其中所有链接都应为蓝色且未修饰。但只有在那个特定的 div (#preview) 中，在文档的其余部分它们仍然是红色的并带有下划线。

Answer 1

也许使 div 成为一个 iframe，其中包含由 print.css 设计的不同页面

或者，您可以将 print.css 标签上的媒体设置为“打印”，但在打印预览期间，您可以让脚本将媒体更改为“全部”。