样式链接颜色的简单方法与：链接分开

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