CSS On hover 显示另一个元素

Question

当我将鼠标悬停在 --- 上时，我想使用 CSS 显示 div id='b' div id='a' ，但我不知道该怎么做，因为 div 'a' 在另一个里面 div div 'b' 不在。

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

原文由 user2770029 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

 <style>
#b {
    display: none;
}

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

</style>

原文由 Ankit Agrawal 发布，翻译遵循 CC BY-SA 3.0 许可协议