Html 如何使2个不同的链接具有2个不同的CSS属性？

首先，对这个标题感到抱歉，我不知道该怎么说。任何建议都很好

我的网站顶部的标题栏是a href，所以我把CSS放进去了

a:link {text-decoration:none;}    /* unvisited link */
a:visited {text-decoration:none;} /* visited link */
a:hover {text-decoration:none;}   /* mouse over link */
a:active {text-decoration:none;}  /* selected link */

a:link {color:black;}      /* unvisited link */
a:visited {color:black;}  /* visited link */
a:hover {color:white;}  /* mouse over link */
a:active {color:white;}  /* selected link */

我现在在另一个地方添加了另一个a href，显然它与标题具有相同的属性。我想知道我是否可以分别编辑这两个？这是我的JSFIDLE：

---

再说一次，为标题感到抱歉！！提前感谢。

在标记中添加“class”或“id”属性

您的html：

<a class="firstStyle" href="./">First link</a>
<a class="secondStyle" href="./">Second link</a>

---

这只是abrunet答案的补充，以说明如何在使用类名时单独设置锚类型的样式

a.secondStyle:link {
    color:black;
}
a.secondStyle:hover {
    color:white;
}

---

在css中使用pesudo选择器，只选择您的标题，或对每个标记使用id和类

将类添加到这些元素中，并在css中定义它们必须向标题中的链接添加类。

a.secondStyle:link {
    color:black;
}
a.secondStyle:hover {
    color:white;
}