如何将一个元素悬停在另一个元素上
我已经看过其他几个问题，但似乎无法弄清楚它们中的任何一个，所以这是我的问题，我想要一个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中实现此目的
-
问题内容： 我想将一个DIV元素移到另一个元素中。例如，我要移动此对象（包括所有子对象）： 到这个： 这样我有： 问题答案： 曾经尝试过普通的JavaScript … 吗？
-
问题内容： 我想做的是将某个对象悬停时，它会影响另一个对象的属性。 例如，在这个JSFiddle演示中，当您将鼠标悬停在其上时，它会发生变化，但是我想要的是，当我将鼠标悬停在上时，它会受到影响。 问题答案： 如果多维数据集直接位于容器内部： 如果多维数据集位于容器旁边（在容器关闭标签之后）： 如果多维数据集在容器内的某个位置： 如果多维数据集是容器的同级：
-
问题内容： 我想将一个DIV元素移到另一个元素中。例如，我要移动此对象（包括所有子对象）： 到这个： 这样我有： 问题答案： 曾经尝试过普通的JavaScript … 吗？
-
问题内容： 我正在寻找一种解决悬停问题的方法。 现在，图像和图层这两个类都有边框。两者的正常和悬停都有不同的颜色。有没有办法做到这一点，所以如果我将图层类悬停，则图层和图像类的悬停边框颜色都处于活动状态？反之亦然？ 问题答案： 您不需要JavaScript。 一些CSS可以做到。这是一个例子：
-
问题内容： 这个问题已经在这里有了答案 ： 悬停一个元素时如何影响其他元素 （6个答案） 5年前关闭。 我希望它像这样简单，但是我知道不是这样的： 因此，当您将鼠标悬停在img上时，它将#thisElement的不透明度更改为30％，并将图像的不透明度更改为100％。有没有办法仅使用CSS实际执行此操作？ 这就是HTML 这是CSS： 问题答案： 使用CSS的唯一方法是，要影响的元素是后代还是相邻
-
问题内容： 我对CSS选择器有疑问。仅当在具有类名的a中时，如何选择具有特定类名的a ？这个CSS类在其他地方使用，我不想在任何地方更改样式。 问题答案： 只需在父元素和后代元素之间使用CSS后代选择器（空格）即可： 在这种情况下，仅适用于Class的规则，前提是其祖先是该Class的规则。相反，您可以使用直接子组合器，但是您必须指定与每个父/祖先的关系，直到需要其类的父子/祖先，这可能很难维护C