打印页面的某些部分

Question

我搜索了一下，试图找到一个结果，让我只打印一页的一部分。

每个人都这么说：

添加到HTML头：

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

print.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;
}