我已经查看了其他几个问题，但我似乎无法弄清楚其中的任何一个，所以这是我的问题:我想要一个 div 或一个 span，当你将鼠标悬停在它上面时，会出现一个区域，就像一个下拉菜单。
比如我有一个 div，我想将鼠标悬停在它上面并让它显示关于我悬停的元素的一些信息
<html>
<head>
<title>Question1</title>
<styles type="css/text">
#cheetah {
background-color: red;
color: yellow;
text-align: center;
}
a {
color: blue;
}
#hidden {
background-color: black;
}
a:hover > #hidden {
background-color: orange;
color: orange;
}
</styles>
</head>
<body>
<div id="cheetah">
<p><a href="#">Cheetah</a></p>
</div>
<div id="hidden">
<p>A cheetah is a land mammal that can run up 2 60mph!!!</p>
</div>
</body>
</html>但是这个 ^ 似乎不起作用，我不知道为什么......如果有办法在 CSS 中做到这一点，我想知道，但我想要任何和所有建议。
最佳答案
仅当隐藏的 div 是您用于悬停的元素的子元素时，您才能在 CSS 中实现此目的:
关于html - 如何在将鼠标悬停在另一个元素上时更改一个元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8614423/