仅使用CSS,将div悬停在另一个元素上

我想在有人将鼠标悬停在上时显示div<a&gt元素,但我想用CSS而不是JavaScript来实现这一点。你知道如何做到这一点吗

您可以这样做:

div{
显示:无;
}
a:悬停+俯冲{
显示:块;
}
<a>在我上空盘旋&lt/a>
<部门>悬停上显示的内容&lt/部门&gt

这使用相邻的同级选择器,并且是吸盘鱼下拉菜单的基础

HTML5允许锚元素包装几乎任何东西,因此在这种情况下,div元素可以成为锚元素的子元素。否则原理相同-使用:hover伪类更改另一个元素的display属性

发表评论