选择列表中的第一个嵌套子项,但不选择子项

Question

我有一个无序的列表,如:

<ul>
    <li>Element one
        <ul>
            <li><a>Element two</a>
                <ul>
                    <li><a>Element three</a></li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

现在,如果我尝试选择<a>"元素二" 的元素.我会像下面这样做:

ul ul li:first-child > a

这将选择以下嵌套<a>元素.看到这个小提琴:

http://jsfiddle.net/38ksdpw3/

怎么解决这个问题？

Answer 1

您可能需要向第一个<ul>元素添加标识符,然后通过parent > child 子选择器遍历子树,如下所示:

这里的例子

ul.main > li > ul > li:first-child > a {
    background:red;
}