jquery - 打印页面的特定部分

Question

我进行了相当多的搜索，试图找到一个可以让我只打印一页的一部分的结果。

大家都说要这样做:

添加到 HTML head:

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

打印.css

body * { display: none; }
.printable { display: block; }

Javascript

window.print();

但我无法让它工作，它加载打印窗口，但实际上不显示任何内容。

http://pmf.v5.cloudsvr.com.au/set_times

这是我的页面，右侧有一个打印链接。

亲切的问候，香农

Answer 1

您的 body * 选择器比 .printable 更具体，因此它覆盖了它。在您的 print.css 文件中使用类似这样的东西:

* {
    display: none;
}
body .printable {
    display: block;
}