css中在:hover时控制子项的显示和不显示

<p>在 CSS 中，可以使用下列语法在 :hover 时控制子项的显示和不显示:</p>
<p>父元素:hover 子元素 {
    display: none/block/inline/inline-block;
}</p>
<p>例如：</p>
<style>
    .parent:hover .child {
        display: none;
    }
</style>
<div class="parent">
    <div class="child">子项文本</div>
</div>

<p>这将使得当鼠标悬停在父元素上时，子元素不会显示。</p>