为什么不显示：none隐藏显示：table-cell元素？

Question

我正在尝试使用display:none隐藏显示为display:table-cell的元素。我已将有问题的代码归结为this fiddle，其中.hidden {display:none;}可隐藏控件div但无法隐藏display:table-cell div。如何将display:none应用于display:table-cell div？

Answer 1

您的代码不起作用的原因是因为特殊性规则。阅读本文了解详情：

http://css-tricks.com/specifics-on-css-specificity/

这可能会令人困惑，但我会解释一下：.table div {display:table-row;}优先于.hidden {display:none;}，因为样式优先于类。这有效的原因：.table div div.hidden{display:none;}是因为它使用样式和类，使IT具有更高的优先级。

基本上，最具特色的选择者都会适用其规则。

以下是订单的运作方式：

我希望你现在至少有一些了解。 。 。

如果您需要其他帮助，请与我们联系。

Answer 2

尝试将此添加到您的css代码中：

.table div div.hidden{display:none;}