css - 更改链接的属性

我有以下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)
}

我要为类nestedlink的链接选择其他颜色，例如红色。如果有人可以告诉我该怎么做，我将不胜感激。我尝试了以下方法，但是它们都不起作用。

第一次尝试：

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

第二次尝试：

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

我看不到我要去哪里错了。谢谢你的帮助。

最佳答案

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

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