如何更改div CSS的特定类中的链接颜色

问题描述 投票:30回答:7

在我的页面中设置了以下CSS:

a:link {
    color: #0094DE;
    text-decoration: none;


}
a:visited {
        text-decoration: none;
color: #0094DE;

}
a:hover {
text-decoration: underline;
color: #DD127B;

}

我想更改分配了类的div中的链接颜色。我尝试了以下方法:

register:link{color:#FFFFFF;
        }

其中register是我想要更改链接颜色的div的名称。我怎样才能做到这一点?另外如何在同一个div上更改悬停链接的颜色?

css class colors hyperlink hover
7个回答
43
投票
.register a:link{
    color:#FFFFFF;
}

29
投票

它可以是这样的:

a.register:link { color:#FFF; text-decoration:none; font-weight:normal; }
a.register:visited { color: #FFF; text-decoration:none; font-weight:normal; }
a.register:hover { color: #FFF; text-decoration:underline; font-weight:normal; }
a.register:active { color: #FFF; text-decoration:none; font-weight:normal; }

4
投票

这样的事情怎么样......

a.register:link{
    color:#FFFFFF;
}

3
投票
#register a:link
{
color:#fffff;
}

2
投票

如果你想在a:hover上添加CSS并不是所有的标签,而是一些标签,最好的方法就是使用类。将类提供给您想要提供样式的所有标记 - 请参阅下面的示例。

<style>
a.change_hover_color:hover { 
    color: white !important;
}
</style>

<a class="change_hover_color">FACEBOOK</a>
<a class="change_hover_color">GOOGLE</a>

0
投票

我想你想把a放在你的CSS文件中a:linkaa:link)面前。唯一可以摆脱那种可怕的默认蓝色链接颜色的方法。我不确定这对于早期版本的浏览器是否必要,因为它应该在没有a的情况下工作


-1
投票

小尺寸版本:

#register a:link {color: #fff}
© www.soinside.com 2019 - 2024. All rights reserved.