Html CSS–；链接：悬停颜色继承问题

我真的被这里发生的事情弄糊涂了。我想知道为什么当光标在按钮内而不是直接在链接上时，链接是白色的？当光标位于按钮边界内时，我希望它为红色。
我认为发生这种情况是因为在这一点上，页面继承了声明的.links:color值，但我想知道如何让它覆盖它？.links:hover似乎没有将继承转移到.links a:hover（？）
任何帮助都将不胜感激

.links a{
  color:white;
  text-decoration:none;
}
.links:hover{
  background-color:white;
  color:red;
}

.links a:hover{
  background-color:white;
  color:red;
}

---

您的规则正按照您编写的方式运行。如果希望

a

文本在整个

div

上悬停时为红色，则需要一条规则。添加如下内容：

.links:hover a {
    color: red;
}

---

如果不明显，则在将鼠标悬停在div上时控制链接的文本颜色。

mhmmm，我明白了。非常感谢。它似乎没有考虑到这是它自己的一个类，因此它需要针对不同实例的特定行为规则。出于某种原因，我一直指望文本颜色能传输到链接，n00b错误。在CSS方面，不仅仅是继承和层叠。查看本文以了解CSS特性，即浏览器如何确定应用于哪些元素的样式。