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

Question

首先对标题感到抱歉，我不知道该如何表达。任何建议都会很棒。

我的网站顶部的标题栏是一个“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”，显然它具有与标题相同的属性。我想知道我是否可以将两者分开编辑？这是我的 jsfiddle:http://jsfiddle.net/Lg83M/

再一次，对不起这个标题!!并提前致谢。

Answer 1

向 <a> 添加“class”或“id”属性标签。

你的 html:

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

你的CSS:

.firstStyle {
    text-decoration:none;
}

.secondStyle{
    color:black;
}