Question

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

在我的网站上，顶部的标题栏是＆＃34; a href＆＃34;所以我放入了我的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 */

我现在已经添加了另一个＆＃34; a href＆＃34;在不同的地方，显然它具有与标题相同的属性。我想知道我是否可以单独编辑这两个？这是我的jsfiddle：http://jsfiddle.net/Lg83M/

再次，抱歉标题!!并提前感谢。

Answer 1

添加一个＆＃39;类＆＃39;或者一个＆＃39; id＆＃39;属性为<a>标记。

你的HTML：

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

你的css：

.firstStyle {
    text-decoration:none;
}

.secondStyle{
    color:black;
}

Answer 2

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

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

Answer 3

在css中使用pesudo选择器并选择你的标题或对每个标签使用id和class

如何制作2个不同的链接有2个不同的CSS属性？

3 个答案: