jquery - 打印页面的特定部分

Question

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

每个人都说要这样做：

添加到 HTML 头部：

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

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

window.print();

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

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

亲切的问候，香农

score 0 · Accepted Answer

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

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