如何更改 div CSS 的特定类中的链接颜色
Posted
技术标签:
【中文标题】如何更改 div CSS 的特定类中的链接颜色【英文标题】:How to change the link color in a specific class for a div CSS 【发布时间】:2012-06-06 09:55:45 【问题描述】:在我的页面中设置了以下 CSS:
a:link
color: #0094DE;
text-decoration: none;
a:visited
text-decoration: none;
color: #0094DE;
a:hover
text-decoration: underline;
color: #DD127B;
我想更改分配了一个类的 div 内的链接颜色。 我尝试了以下方法:
register:linkcolor:#FFFFFF;
其中 register 是我想要更改链接颜色的 div 的名称。 我怎样才能做到这一点? 另外如何更改同一div上悬停链接的颜色?
【问题讨论】:
【参考方案1】:我认为 OP 的实际要求存在混淆。
这个解决方案:
a.register:link color:#FFF
...更改类为“注册”的链接的颜色。但这不是 OP 所要求的。
这个解决方案:
.register a:link color:#FFFFFF;
...改变链接的颜色,该链接本身没有类,但放置在具有“注册”类的 div 内。这就是 OP 所要求的。
这两个答案都在这里被赞成,但只有第二个是原始问题的正确答案。
【讨论】:
感谢您的回答!确保在提交之前查看线程中的其他答案。看起来这个答案与当前投票最高的答案相同,但被确定为不是最终的工作解决方案。 目前最受好评的答案是正确的,第二个最受好评的答案是错误的,但无论如何它都得到了好评和赞扬,因为它对于那些试图解决与 OP 提出的不同问题的人来说是正确的。这就是为什么我发布这个希望消除混乱。【参考方案2】:如果你想在 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>
【讨论】:
【参考方案3】:我认为您想在 CSS 文件中将 a
放在 a:link
(a
、a:link
)之前。我可以摆脱那种可怕的默认蓝色链接颜色的唯一方法。我不确定这对于我们拥有的早期版本的浏览器是否有必要,因为它应该可以在没有 a
【讨论】:
【参考方案4】:这样的事情怎么样...
a.register:link
color:#FFFFFF;
【讨论】:
这实际上是我试图解决的问题:这会将样式放在这样的位置:点击我谢谢!【参考方案5】:可能是这样的:
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;
【讨论】:
票数最高的答案对我不起作用,但使用这种语法确实有效。投票给这个。 我也一样。 +1 这也是唯一对我有用的语法。非常感谢! @JenVander 感谢您的鼓励 :) 这很有帮助! 我可以确认我与投票最高的人有同样的问题,这个问题立即奏效【参考方案6】:小尺寸版本:
#register a:link color: #fff
【讨论】:
【参考方案7】:.register a:link
color:#FFFFFF;
【讨论】:
请注意,这应该是#register,而不是 .register ... OP 说 div 不是类 @Anthony OP 说 div 分配了一个类。你说的还适用吗? OP:“其中 register 是我想要更改链接颜色的 div 的名称”......对我来说, register 是 id 值,而不是已经存在的类的名称分配给 div。 此答案不适用于多个用户。请参阅 ***.com/a/30296997/8314623 了解不同的解决方案。【参考方案8】:#register a:link
color:#fffff;
【讨论】:
以上是关于如何更改 div CSS 的特定类中的链接颜色的主要内容,如果未能解决你的问题,请参考以下文章