html - CSS仅按类型选择 child

Question

我有以下代码:http://jsfiddle.net/tF8K9/27/

HTML

<ul class="master">
    <li class="link"></li>
    <li class="link target"></li>
    <li class="main">
        <ul>
            <li class="link"></li>
            <li class="link target"></li>
            <li class="link"></li>
        </ul>
    </li>
    <li class="link"></li>
    <li class="link target"></li>
    <li class="link"></li>
    <li class="link"></li>
    <li class="link"></li>
</ul>

如何只选择页面上的第 3 个和第 5 个 link 元素？我想通过位置编号动态定位 target 元素。

Answer 1

检查一下。 Working Fiddle

.master ul li:nth-child(3),.master ul li:nth-child(5){
background:green;
}