Javascript 父子div上的可见性问题

我有点困惑，无法实现以下目标 1.禁用一个父div的可见性 2.但另一个代码允许子div可见性

<div style="background-color:#999 ; height:80px;visibility:hidden">
    <div style="background-color:#550; height:30px;"></div>
    <div style="background-color:#900; height:30px;visibility:visible"></div>
</div>

---

如果父div不可见或对此没有任何建议，我想隐藏所有子div。

设置

display:none

用于父元素。要使其可见，请使用

display:block

---

演示：

在您的小提琴中，您没有任何孩子。如果您添加显示：无，请接受VisioN的建议；给你的父母，那么每个孩子都会离开！查看显示之间的差异：无；和可视性：隐藏；但该网站有大量的基本代码，所以它会根据父级高度计算几个div的高度，所以保持显示：无对我来说没有用处。在使用visibility style之前，我已经尝试过这个方法。但该网站的基本代码很大，所以它会根据父级高度计算几个div的高度，所以保持显示：none对我来说没有用处。在使用可见性样式之前，我已经尝试过了。