如果一个div没有内容，如何隐藏另一个div

<style>
    .hidden-div {
        display: none;
    }
</style>

<div class="hidden-div">要隐藏的div</div>

<style>
    .hidden-div {
        visibility: hidden;
    }
</style>

<div class="hidden-div">要隐藏的div</div>

<style>
    .hidden-div {
        opacity: 0;
    }
</style>

<div class="hidden-div">要隐藏的div</div>