css - 仅链接样式列表中的特定链接

Question

我有一个列表 CSS 样式，如下所示:

.my-list {
    text-align: center;
    list-style: none;
    a { color: #000000; }
}

我想用另一种颜色设置此列表中某些链接的颜色。我该怎么做？

<li class=my-list>

    <a href="www.blah.com">this link is black</a>

    <a href="www.blahblah.com">I WANT THIS LINK TO BE ANOTHER COLOR</a>

</li>

我想要一个不需要手动更改链接颜色的 CSS 解决方案来解决这个问题。我有很多这样的列表，手动解决方案不可行。

Answer 1

使用 nth-child用于选择 <a> 的 CSS3 选择器元素在 <li> 中的索引:

.my-list a:nth-child(2) {
    color: red;
}

样本:http://jsfiddle.net/6hCWY/