使用CSS更改悬停时的文本颜色
使用CSS更改悬停时的文本颜色
提问于 2014-06-21 21:53:47
我已经搜索了，但找不到任何与我遇到的这个问题相关的东西。
我已经试着解决这个问题很久了，但似乎做不到。我有一个包含文本和图像的div。我希望当我在div中的任意位置悬停时，div中的所有文本和背景都会改变颜色。我已经使底部的文本随背景颜色一起改变，但似乎不能使顶部的文本(h4)改变颜色。
当我直接将鼠标悬停在h4元素上时，它会改变颜色，但当我将鼠标悬停在div中的任何位置时，它不会改变颜色。
下面的链接是我想要实现的一个粗略的例子。在h4标签的CSS上有单独的样式，所以不能像其他标签一样让它变成p。这将是最简单的方法，但不幸的是，它们必须保持不同。
这是我的CSS样式
.container {
text-align: center;
}
.container h4 {
text-align: center;
color: black;
}
#project1 {
text-align: center;
color: white;
background-color: white;
background-color: rgba(255,255,255,0.9);
color: black;
}
#project1:hover {
background-color: blue;
color: white;
}
#project1 h4:hover {
color: white;
}
#project1 h4 {
text-transform: uppercase;
}
a {
text-decoration: none;
}有没有办法使用CSS而不是jquery/javascript来做到这一点？我是网络开发的新手，所以目前只知道一些HTML/CSS。
谢谢。
汤姆
回答 3
Stack Overflow用户
发布于 2014-06-21 21:58:56
Stack Overflow用户
发布于 2014-06-21 21:58:07
您可以使用
#project1 h4 {
color: inherit;
}以使其继承#project1的颜色。
Stack Overflow用户
发布于 2017-10-13 17:29:00
你可以在p标签中嵌套h4标签。在CSS中不需要#project1 h4:hover。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/24342262
复制相关文章
相似问题
腾讯云开发者
