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

我只想用 text 定位锚标记Nav1。这是我正在使用的 CSS 不起作用。它同时选择Nav1和Sub1。

.nav li:first-child > a {

}

我应该只使用一个类还是没有一个方法可以做到这一点？

Answer 1

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

.nav > li:first-child > a {

}