如何使链接颜色与父级div相同？

Question

有没有一条简单的CSS规则，可以使所有链接采用所选

中的标准字体颜色，但当它们被悬停时变为蓝色，并且当它们被点击时不会永久改变颜色。

我只希望它们在被悬停时亮起来，否则保持不变，这个问题仅出现在下面的一个

中。

.textundergrey {
    height: 140px;
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    font-family: "OpenSans Light", Arial, serif;
    font-size: 20px
}

- user3086732

Answer 1

如果您希望链接的颜色与 div 相同，您应该使用 color:inherit;，并且在悬停时变为蓝色，您应该使用：

a:hover{
    color:blue;
}

此代码在链接被点击后不会改变颜色。

尝试使用以下代码：

HTML:

<div id="yellow"><a href="#">Yellow</a></div>
<div id="red"><a href="#">Red</a></div>

CSS（层叠样式表）：

a{
    color:inherit;
}
a:hover{
    color:blue;
}
#yellow{
    color:yellow;
}

#red{
    color:red
}

演示

编辑（来自评论）

要去掉下划线，只需使用text-decoration:none;

演示2

- laaposto

---

完美！我该如何停止下划线？ - user3086732

非常感谢！如果我知道如何将其设置为正确答案，我会添加它。 - user3086732

Answer 2

使用 inherit 属性：

a {
    color: inherit !important ;
}

- Holt

Answer 3

为了防止它们在鼠标悬停时改变颜色

a:hover{

}

为了防止它们在被点击时改变颜色

a:active{

}

您可以使用上面的代码全局应用它，也可以应用到特定的类：

.textundergrey a:active{

}

要为该特定类别中的链接着色，请使用：

.textundergrey a{
    color: black;
}

- jonode

---

有没有办法让链接的颜色与文本的其余部分相同？ - user3086732

Answer 4

.parent_div a{
    color:red;
}
.parent_div a:hover{
    color:blue;
}

- Bhushan wagh