您可以执行以下操作:
div {
display: none;
}
a:hover + div {
display: block;
}
<a>Hover over me!</a>
<div>Stuff shown on hover</div>
这使用相邻的兄弟选择器,是the下拉菜的基础。
HTML5允许锚元素包装几乎所有内容,因此在这种情况下,该div
元素可以成为锚的子元素。否则原理是相同的-使用:hover
伪类更改display
另一个元素的属性。