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

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