CSS On hover 显示另一个元素元素、CSS、On、hover

2023-09-07 22:01:48 作者:enjoy in retrospect(回味)

当我将鼠标悬停在 div id='a' 上时,我想使用 CSS 显示 div id='a',但我不知道该怎么做因为 div 'a' 在另一个 div 中,而 div 'b' 不在其中.

I want to use CSS to show div id='b' when I hover over div id='a', but I cannot figure out how to do it because the div 'a' is inside another div that div 'b' is not in.

<div id='content'>
     <div id='a'>
         Hover me
     </div>
</div>
<div id='b'>
    Show me
</div>

推荐答案

我们可以像这样在悬停时显示相同的标签div

we just can show same label div on hovering like this

<style>
#b {
    display: none;
}

#content:hover~#b{
    display: block;
}

</style>