【发布时间】：2014-01-27 22:33:14
【问题描述】：
我的打印 CSS 中有这个：
.foo
{
display: none;
}
.bar
{
display: none;
}
所有class="foo" 元素都被隐藏，但所有class="bar" 元素仍然可见。这可能是什么原因？
【问题讨论】：
标签： css
【发布时间】：2014-01-27 22:33:14
【问题描述】：
CSS specificity 可能会推翻您的打印 CSS 规则。解决此问题的最简单方法是将!important 添加到您的规则中。虽然通常应该避免这种情况，但可以在打印 CSS 中使用它。
.bar
{
display: none !important;
}
另一种方法是确保您的打印 CSS 规则在特异性计算中排在首位。执行此操作的确切方法完全取决于您的常规 CSS 规则。
【讨论】：
-
您是如何同时发帖和回答问题的？
-
@Manoz 有一个复选框可让您在提问时回答自己的问题。
-
@Manoz 您可以在创建问题时回答您自己的问题，方法是选中“回答我自己的问题”复选标记
-
这是一件很小的事情，我从来没有注意过。顺便说一句 @Stijn，你自己回答了我的 css 规则问题。