css - 将链接颜色与 a:link 分开的简单方法

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;
}

看到这个小提琴