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

以下是我的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>

---

我应该只使用一个类，还是没有类就可以使用它？

仅使用

.nav

和

li:first child

之间的另一个子选择器获取下一个li

.nav > li:first-child > a {

}

---

仅使用

.nav

和

li:first child

之间的另一个子选择器获取下一个li

.nav > li:first-child > a {

}

---

为什么不直接使用.nav a，然后用.nav ul a覆盖这些样式？为什么不直接使用.nav a，然后用.nav ul a覆盖这些样式？