如何使用CSS在列表中选择第二个a属性？

Question

好的，这让我有些烦恼 - 你如何在这样的列表中实际选择第二个 a 属性？

<li class="coolstuff">
    <a href="">CoolStuff1</a>
</li>
<li class="coolstuff">
    <a href="">CoolStuff2</a>
</li>

我在看.coolstuff > a:nth-child(2)，但它无法正常工作......

Answer 1

像这样：

.coolstuff:nth-child(2) a

<强> jsFiddle example

Answer 2

你的CSS应该是：

li.coolstuff:nth-child(2) a

Answer 3

用法是

.coolstuff:nth-child(2) a

JSFiddle ：http://jsfiddle.net/neekdamon/G7arK/1/

Answer 4

你几乎是对的。 而不是

.coolstuff > a:nth-child(2)

正确解决问题的方法是：

.coolstuff:nth-child(2) a

因为你想获得第二个.coolstuff而且它是一个。 （JFiddle）

并非每一款酷品都是第二款！ （Your current code example - JFiddle）