通过hover显示子元素

<style>
.parent{}
.parent:hover>.child{display:inherit}
.child{display:none}
</style>

<div class="parent">
需要通过class为child设置display:none; 如果直接元素上写style="display:none;", 会不生效
<div class="child">通过class设置的display可以显示</div>
<div style="display:none">通过style设置的display不显示</div>
</div>

以上基于 Chrome 94.0.4606.61