css - 选择列表中的第一个嵌套子项而不是子项

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>元素。看到这个 fiddle :

http://jsfiddle.net/38ksdpw3/

如何解决？

Answer 1

您可能需要为第一个 <ul> 添加一个标识符元素，然后通过 parent > child 遍历子树children selector如下:

Example Here

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