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

Answer 2

使用inherit属性：

a {
    color: inherit !important ;
}

Answer 3

防止它们在悬停时改变颜色

a:hover{

}

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

a:active{

}

您可以使用上面的代码全局应用它或该特定类：

.textundergrey a:active{

}

要在该特定类中使用颜色链接：

.textundergrey a{
    color: black;
}

Answer 4

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

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

4 个答案: