在列表树中 - 仅针对第一级LI子级内的元素

Question

这是我的HTML标记：

<ul class="nav">
    <li><a href='#'>Nav1</a>
        <ul>
            <li><a href='#'>Sub1</a></li>
            <li><a href='#'>Sub2</a></li>
        </ul>
    </li>
    <li><a href='#'>Nav2</a>
    </li>
    <li><a href='#'>Nav3</a></li>
    <li><a href='h#'>Nav4</a></li>
</ul>

我只想用文本Nav1定位锚标记。这是我正在使用的CSS无效。它正在选择Nav1和Sub1。

.nav li:first-child > a {

}

我应该只使用课程还是有办法没有课程？

Answer 1

仅使用.nav和li:first-child之间的另一个子选择器>来获取下一个li

.nav > li:first-child > a {

}