javascript - 打印没有父 div 的特定 div

Question

我想要完成的是:

我有一个父级 div，它有多个子级。我不想只显示 child 的 parent 。如果我这样做:

.navbar-default, #filters, #options {
display: none;
}
div#filter_date {
display: block;
}

然后它就不会显示父 div 及其子项。

我尽量让问题变得简单。

Answer 1

您无法按照预期的方式完成此操作，因为样式是继承的。

您唯一的解决方案是覆盖父级的打印样式以给人一种它被隐藏的印象，例如将任何边框设置为无，删除任何背景颜色或图像，删除填充，边距等。采用您拥有的任何样式应用于父级，并在您的打印 CSS 中使用属性覆盖它们，这将提供父级不存在的错觉。

否则，您将尝试仅使用 CSS 更改 DOM 的结构，这是不可能的。