gpt4 book ai didi

html - 如何在将鼠标悬停在另一个元素上时更改一个元素

转载 作者:技术小花猫 更新时间:2023-10-29 11:49:59 25 4
gpt4 key购买 nike

我已经查看了其他几个问题,但我似乎无法弄清楚其中的任何一个,所以这是我的问题:我想要一个 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 中实现此目的:

http://jsfiddle.net/LgKkU/

关于html - 如何在将鼠标悬停在另一个元素上时更改一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8614423/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com