visibilityの入れ子

そうだったのかー、visibilityの入れ子で、hiddenの中にvisibleがあると、visible要素だけ表示されてしまうのかー。

.visible { visibility: visible; }
.hidden { visibility: hidden; }

<div class="hidden">
    ここは表示されない
    <div class="visible">ここは表示される</div>
</div>

ムムム！