在列表树中 - 仅针对第一级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

只使用和>之间的另一个子选择器获得下一个li.navli:first-child

.nav > li:first-child > a {

}