我试图在悬停在 div 上时更改 span 的样式，悬停时这个 div 也应该改变它的颜色。
这是我目前的代码(div 的 bg 改变了，但 span 的颜色没有改变，为什么？):
<!DOCTYPE html>
<html>
<head>
<title>HOME</title>
<style type="text/css">
div{
width: 200px;
height: 200px;
background-color: red;
}
div:hover{
background-color: blue;
}
span{
color: blue;
}
div:hover span{
color: green;
}
</style>
</head>
<body>
<div></div>
<span>WHY</span>
</body>
</html>
非常感谢任何帮助。
最佳答案
您需要将span 标记放在div 中。像这样:
div{
width: 200px;
height: 200px;
background-color: red;
}
div:hover{
background-color: blue;
}
span{
color: blue;
}
div:hover span{
color: green;
}<div>
<span>span text</span>
</div>关于html - 如何在悬停 div 时更改 span 样式？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42469500/