0

我有以下html文字。

<ol class="otherstufflinks">
    <li> 
        <a href="./pythonNotes/index.html">Python notes</a>
    </li>
    <li> 
        <a href="./figure.html">Cool figure made using</a> 
        <a href="http://mbostock.github.com/d3/" class="nestedlink">d3.js library.</a>
    </li>             
</ol>

css我文件中的相关部分是：

a:link, a:visited {
    color: steelblue;
    text-decoration: none;
}

a:hover {
    color: rgb(210,135,60);
}

.otherstufflinks > li,
.otherstufflinks a:link, .otherstufflinks a:visited 
{
    font-weight: normal;
    color: rgb(75,75,75);
}

.otherstufflinks a:hover  {
    color: rgb(210,135,60)
}

我想为与 class 的链接选择不同的颜色，比如红色nestedlink。如果有人能告诉我该怎么做，将不胜感激？我尝试了以下但没有一个工作。

第一次尝试：

.nestedlink a:link, .nestedlink a:visited {
    color: red;
}

第二次尝试：

.otherstufflinks .nestedlink a:link, .otherstufflinks .nestedlink a:visited {
        color: red;
   }

我看不出我哪里错了。谢谢你的帮助。

4

3 回答 3

5 
a.nestedink:link, a.nestedlink:visited {
color: red;
}

我相信使用 a 并且仅使用 .nestedlink，默认的 a:link 属性将覆盖 .nestedlink。

于 2012-04-10T20:18:33.320 回答
2

你试一试

a.nestedlink:visited, a.nestedlink:visited {
    color: red;
}

一定？

于 2012-04-10T20:18:20.420 回答
1

你的css不好，试试：

a.nestedlink { color: red; }

这意味着“适用于具有嵌套链接类的‘a’（锚）类型的元素”。您所拥有的意思是“将其应用于任何作为具有嵌套链接类的元素的后代的锚点”

于 2012-04-10T20:19:39.027 回答