html - :hover 如何默认继承链接颜色

Question

我希望每个 :hover 自动继承为各个a元素定义的颜色，如果没有特别定义的话。color:inherit;似乎没有这样做，任何想法如何做到这一点？

Answer 1

color: inherit告诉a元素从其父元素继承颜色，而不是其“正常”或“通用”状态。

因为:hover它只是a元素的一个状态，如果你不指定颜色，a:hover那么它将使用已经在a规则中声明的任何颜色。所以根本不指定颜色。如果已经设置了不同的值并且您想要覆盖它，唯一的方法是设置与a原始样式表中规则中给定的颜色相同的颜色。