如何更改 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:linkaa: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 的特定类中的链接颜色的主要内容,如果未能解决你的问题,请参考以下文章

如何使链接颜色与父 div 相同?

CSS:如何更改活动导航页面菜单的颜色

如何仅在 Flutter 中的特定页面上更改状态栏颜色

如何在 1 个 div 类中应用 2 个 CSS 样式?

如何根据我单击的按钮更改 div 的颜色? ( javascript/css/html 只有没有库)

如何在地图函数中使用 JSX 中的变量更改内联 CSS 样式?