Javascript 打印同一页面两部分的css

我目前正在使用一些jquery通过按钮打开打印对话框：

$('.print').click(function () {
        window.print();
        return false;
    });

这使用了带有media=“print”的样式，它在打印之前隐藏特定的div，如下所示：

#someDiv {
     display:none !important;
}

<link id="printstyle" rel="stylesheet" href="http://0.0.0.0:3000/print1.css">

---

我想添加另一个按钮，只打印这个特殊的div。我有什么选择来实现这一点

您可以使用JavaScript替换链接标记中对打印css的引用

假设您有两个ID为print1和print2的打印按钮，以及两个名为print1.css和print2.css的样式表。然后，您的链接标记如下所示：

#someDiv {
     display:none !important;
}

<link id="printstyle" rel="stylesheet" href="http://0.0.0.0:3000/print1.css">

---

您可能需要确保覆盖每个样式表中定义的每个样式。

谢谢。我在想一些类似的事情。