gpt4 book ai didi

css - 如何使链接颜色与父div相同?

转载 作者:行者123 更新时间:2023-12-02 20:45:55 25 4
gpt4 key购买 nike

是否有一个简单的规则可以用 CSS 编写,使所有链接都采用在它们所在的 div 中选择的标准字体颜色,但是当它们悬停时变为蓝色以及当它们变为蓝色时单击不会永久改变颜色。

我只希望它们在悬停时亮起,否则保持不变,唯一出现此问题的 div 是下面的那个。

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

最佳答案

如果您希望链接与 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

关于css - 如何使链接颜色与父div相同?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23220352/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com