使用css隐藏父div（如果子div为空）

Question

如果bannerbox为空，我想隐藏banner-description div

<div class="bannerbox">
<div class="banner-description">If Empty then Hide</div>
</div>

我尝试了几件事但没有成功

  

.banner-description：空白{display：none}

这隐藏了孩子

我正在寻找CSS中的解决方案

Answer 1

这无法通过CSS实现，您可以像以下代码一样使用JS / jQuery

if($('.banner-description').html()==''){
 $('.bannerbox').hide();
}

希望这会起作用。