如何更改 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

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

这个解决方案：

a.register:link {color:#FFF}

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

而这个解决方案：

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

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

这两个答案都在这里被赞成，但只有第二个是原始问题的正确答案。

Answer 6

如果你想在a:hover上添加 CSS，而不是所有标签，而是一些标签，最好的方法是使用 class。 将类分配给您想要赋予样式的所有标签 - 请参见下面的示例。

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

我认为您想在 CSS 文件中的a:link ( a , a:link ) 前面放a , 。 我可以摆脱那种可怕的默认蓝色链接颜色的唯一方法。 我不知道这是必要的，我们有浏览器的早期版本，因为它应该工作，没有a

Answer 8

小尺寸版本：

#register a:link {color: #fff}