Html Css悬停div以显示另一个div

我在css悬停效果方面遇到了一些问题。 我有2个分区内的外部容器。在左分区中，我需要显示右分区（以前隐藏）的悬停效果

我将报告代码

<div class="block-attr">
<div class="left"></div>
<div class="right">Hidden text  </div>
</div>

试试这个

.left:hover + .right{ display: block;}

试试这个

.left:hover + .right{ display: block;}

---

您可以使用相邻的选择器

+

来执行此操作。检查下面的示例

请在此处阅读更多信息：

。对{
显示：无；
}
.块属性左：悬停+右{
显示：块；
}

在这里盘旋
隐藏文本

您可以使用相邻的选择器

+

执行此操作。检查下面的示例

请在此处阅读更多信息：

。对{
显示：无；
}
.块属性左：悬停+右{
显示：块；
}

在这里盘旋
隐藏文本