css hide div 如果 div 没有子类

Question

如果 div 没有具有特定类名的子 div，是否可以使用 css 隐藏该 div？

<div class="parent">
 This div must be hidden
</div>

<div class="parent">
 This div must be visible
 <div class="child">
 child div
 </div>
</div>

如果用 CSS 做不到，也许用 javascript 或 jQuery？

Answer 1

从 CSS3 开始，您可以使用 :empty 选择器。这种方法得到所有现代浏览器的广泛支持，并且比它的 javascript 替代方法快得多。