【问题标题】:How to change the link color in a specific class for a div CSS如何更改 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:link{color:#FFFFFF;
        }

其中 register 是我想要更改链接颜色的 div 的名称。 我怎样才能做到这一点? 另外如何更改同一div上悬停链接的颜色?

【问题讨论】:

    标签: css class colors hyperlink hover


    【解决方案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。
          • 此答案不适用于多个用户。请参阅 stackoverflow.com/a/30296997/8314623 了解不同的解决方案。
          【解决方案8】:
          #register a:link
          {
          color:#fffff;
          }
          

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 1970-01-01
            • 2016-03-14
            • 2016-06-04
            • 1970-01-01
            • 2019-01-17
            • 1970-01-01
            • 2013-02-13
            • 1970-01-01
            相关资源
            最近更新 更多