将链接颜色从:链接中分离出来的简单方式

Question

我当前使用的是：

a:link {
    color: #FF0000;
    text-decoration: underline;
}

但在我的网站的某个页面上，我希望能够用单独的颜色显示我的链接。

通过CSS实现这一点的最佳方法是什么？

我不想做：

<font color="#00FF00">...</font>

据我所知，这是不推荐使用的代码

Answer 1

为您想要影响的每个链接添加一个类：

HTML:<a href="#" class="alternate">Link</a>

然后添加这个CSS或类似的样式表：

CSS:a.alternate {color:#00FF00;} //or whatever

演示：http://codepen.io/hwg/pen/Aalkb

Answer 2

将不同的class属性应用于该link。例如：

HTML

<a href="#" class="red">link1</a>
<a href="#" class="black">link2</a>

CSS

a:link {
    text-decoration: underline;
}
.red{
    color: #FF0000;
}
.black{
    color: #000000;
}

请参阅此Fiddle