Html 是否为所有不带类的子元素设置样式？

我有多个nav ul LIA，我需要不同的风格，我没有很好的方法来做到这一点。我已经在网络上浏览了很多次了，但是我不明白如果不在每个元素中使用class=”“，如何做到这一点。我的代码如下。一定有更好的办法吗？与具有class=“loginmenu”的所有子级类似，class=“dropdownmenu”的所有子级应类似于x。即使它们是相同的元素

 <nav class="loginmenu">
    <ul class="loginmenu">
        <li class="loginmenu">
           <p><a href="main_login.php">Login</a></p>
        </li>
    </ul>
</nav>


<nav class="dropdownmenu">
    <ul>
        <li class="gigs">
            <p><a href="gigs.php">Gigs</a></p>
            <p class="subtext">Shows & Gigs</p>
        </li>

        <li class="music">
            <p><a href="music.php">Music</a></p>
            <p class="subtext">Tracks & Sets</p>
        </li>

        <li class="booking">
            <p><a href="booking.php">Booking</a></p>
            <p class="subtext">Booking & Contact</p>
        </li>

---

您可以使用

nav.loginmenu

---

有关更多信息，请参阅或尝试。

CSS规则可以表示层次结构。例如，下面的意思是：“将此规则应用于具有loginmenu类的nav元素中的所有li元素”）

对我来说，向一个根元素添加类是很平常的事情，这个根元素没有自己的规则，但拥有这个类会影响其子元素的行为

在共享功能时，如果一个类只是表示某些行为（例如，对所有列表元素应用边距以使其具有“制表”外观），则通常会将一个类添加到多个元素，或将多个类添加到一个元素（用空格分隔）

---

此外，许多属性（例如大多数字体-…属性）都是从父级继承到子级的，除非它们在较低的级别上被重写，因此无需为后续子级重复这些属性。

不太清楚您在这里要做什么。但是如果我的解释正确，您希望在每个

元素中针对不同的元素吗？如果是这样，您可以在

元素中添加一个id，该id应该是唯一的（不重复），然后像这样针对该元素：

html:

---

或者你可以用他的答案。

这是你问题中唯一一句甚至试图解释你想做什么的话：“我有多个nav ul li a，我需要不同的样式。”。。。为什么不；Don’你不能试着更好地解释你自己。你可能正在寻找答案。两种答案都试过了，但到目前为止，我的情况似乎是一样的，只要我不使用多个ID。谢谢，没问题。很高兴为您提供帮助，ID也不会被多次使用。这就是上课的目的

nav.loginmenu {
    position: absolute;
}
li.loginmenu{
    font-size: 25px;
    margin-left: 1200px;

} and so on...

nav.loginmenu li {
    font-size: 25px;
    margin-left: 1200px;
}

nav.loginmenu li {
  ..
}

<nav id="loginMenu">
    ...
</nav>

#loginMenu li {
    font-size: 25px;
    margin-left: 1200px;
}