使用css中的类更改链接的颜色答案

【问题标题】：Changing color of link using class in css使用css中的类更改链接的颜色
【发布时间】：2016-06-04 17:50:21
【问题描述】：

我正在尝试在 css 中使用类将链接的颜色更改为绿色，但由于某种原因它无法正常工作。我做错了什么？

a:link {
color: red;
}
.colorGreen a:link {
color: green;
}

<a href = 'www.link.com'> www.link.com </a> <br>
<a href = 'www.link.com'> www.link.com </a> <br>
<a class = 'colorGreen' href = 'www.link.com'> www.link.com </a>

【问题讨论】：

标签： html css hyperlink

【解决方案1】：

css在什么时候使用

  .classname a:link{
    }

元素是

<div class="classname">
<a ></a>
</div>

a:link {
color: red;
}
.colorGreen:link {
color: green;
}

.colorBlue a:link {
color: Blue;
}

<a href = 'www.link.com'> www.link.com </a> <br>
<a href = 'www.link.com'> www.link.com </a> <br>
<a class = 'colorGreen' href = 'www.link.com'> www.link.com </a>


<div class="colorBlue">  
  <a href = 'www.blue.com'> www.link.com </a>
 </div>

【讨论】：

【解决方案2】：

您正在选择具有父类colorGreen 的子a tags。应该是：

a.colorGreen:link {
   color: green;
}

现在，您正在选择具有 colorGreen 类的 a tag。

【讨论】：

我从这里得到了错误的答案，得到了 21 次投票。 stackoverflow.com/questions/10845517/…
@jessica 你的问题和那个不一样
@jessica 没有错。在那里，OP 正在选择一个具有父类 register 的标签。
这个答案说的正是另一个答案所说的，但解决了一个不同的问题，两者都是正确的。它值得检查。 jsfiddle.net/s1owjz21+1
是的。我不明白这两个问题之间的区别。另一个问题不是关于在链接上设置类吗？

【解决方案3】：

您可以使用多种方法来应用它。使用!important

a:link {
color: red;
}
.colorGreen {
color: green !important;
}

<a href = 'www.link.com'> www.link.com </a> <br>
<a href = 'www.link.com'> www.link.com </a> <br>
<a class = 'colorGreen' href = 'www.link.com'> www.link.com </a>

或者这样。

 a:link {
    color: red;
}
.colorGreen:link {
    color: green;
}

   


    <a href = 'www.link.com'> www.link.com </a> <br>
    <a href = 'www.link.com'> www.link.com </a> <br>
    <a class = 'colorGreen' href = 'www.link.com'> www.link.com </a>

【讨论】：

使用!important 几乎总是错误的建议。
感谢您通知我，