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

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上时改变链接的颜色？

- Anil Jain

Answer 1

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

- Shehzad Bilal

---

请注意，这应该是#register，而不是.register... OP说的是div而不是class。 - carrabino

OP说div中有一个指定的class，你所说的仍然适用吗？ - Nels Beckman

OP：“Where register is the name of the div in which i want to change the link color”…这对我来说意味着register是id值，而不是分配给div的类的名称。 - carrabino

此答案对于多个用户无效。请访问 https://dev59.com/6mgv5IYBdhLWcg3wHNDG#30296997 查看另一种解决方案。 - Magiranu

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

- Aditya P Bhatt

---

最高得票的答案对我没有用，但使用这个语法确实有效。投票支持这个。 - ZeekLTK

我也一样。+1 - Magiranu

这也是我唯一有效的语法。非常感谢！ - JenVander

@JenVander 谢谢你的鼓励 :) 它帮了我很多！ - Aditya P Bhatt

我可以确认，我遇到了与最受欢迎的问题相同的问题，但这个解决方案立即奏效。 - ZioBit

Answer 3

这个怎么样？……

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

- Eddie Madrigal

---

这实际上是我试图解决的问题：将样式放在类似于以下内容的东西上：<a class="register">点击我</a> 谢谢！ - Ryan S

Answer 4

我认为关于提问者实际想要的内容存在混淆。

这个解决方案：

a.register:link {color:#FFF}

这行代码可以改变class为“register”的链接的颜色，但这不是OP所询问的内容。

而这个解决方案：

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

这改变了一个没有类别但位于具有“register”类别的div中的链接的颜色。 这就是OP所问的。

这里两个答案都得到了赞，但只有第二个是对原问题的正确答案。

- fuxoft

---

谢谢你的回答！在提交之前，请确保您也查看了线程中的其他答案。看起来这个答案与当前得票最高的答案相同，但被确定为不是最终可行的解决方案。 - Adam

目前最受欢迎的答案是正确的，而第二受欢迎的答案是错误的，但它仍然得到了赞扬和支持，因为对于那些试图解决与 OP 不同问题的人来说，它是正确的。这就是为什么我发布这篇文章，希望能够消除困惑。 - fuxoft

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>

- sayyed tabrez

Answer 6

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

- Prashobh

Answer 7

我认为你想在CSS文件中在a:link前面加上a（a，a:link）。这是我能够摆脱那个可怕的默认蓝色链接颜色的唯一方法。我不确定在我们拥有的早期浏览器版本中是否需要这样做，因为它应该可以在没有a的情况下工作。

- Eagle's Eye

Answer 8

小尺寸版本：

#register a:link {color: #fff}

- user4003101