CSS仅按类型选择子项

时间:2014-03-24 16:41:07

标签: html css

我有以下代码: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元素。

1 个答案:

答案 0 :(得分:0)

检查一下。 Working Fiddle

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