CSS:如何使链接颜色与父div相同

Question

是否有一个简单的规则,可以用css编写,使所有链接采用他们所在的div中选择的标准字体颜色,但当它们被盘旋成蓝色,当它们被点击不会永久改变颜色时,我只想要当他们徘徊时,他们会点亮,否则保持不变,这个问题中唯一存在的就是下面的问题.

CSS:

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

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
}

DEMO

编辑(来自评论)

要删除下划线,请使用 text-decoration:none;

DEMO2