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

Question

在我的页面中设置了以下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上更改悬停链接的颜色？

Answer 1

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

Answer 2

可能是这样的：

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; }

Answer 3

这样的事情......

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

Answer 4

#register a:link
{
color:#fffff;
}

Answer 5

如果你想在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>

Answer 6

我认为 OP 的实际要求存在混淆。

这个解决方案：

a.register:link {color:#FFF}

...更改类为“注册”的链接的颜色。但这不是 OP 的要求。

这个解决方案：

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

...更改链接的颜色，该链接本身没有类，但放置在类“register”的 div 内。这就是 OP 的要求。

这里对这两个答案都进行了投票，但只有第二个是原始问题的正确答案。

Answer 7

我认为您希望在a（a:link，a）前面放置a:link。唯一可以摆脱那种可怕的默认蓝色链接颜色的方法。我不确定这对于早期版本的浏览器是否有必要，因为它应该在没有a的情况下工作

Answer 8

较小尺寸版本：

#register a:link {color: #fff}