Html 将类应用于特定的li而不是其子类

我有一个

li

，它有

li

的子项：

  <li class="active"><a href="">Main Menu 1</a>
    <ul>
        <li><a href="">Sub Menu 1</a></li>
        <li><a href="">Sub Menu 2</a></li>
    </ul>
  </li>

当我将

active

类应用到第一个

li

时，

li

的所有子类都将更改。

---

我想先应用这个类

li

。如何操作？

您可以使用以下语法更改所有

的样式，它们是

li.active

的子项：

li.active li {

[... STYLES HERE...]

}

如果要将样式应用于不适用于子级的

li.active

，则可以声明

li.active

的样式，然后重新声明

li.active li

的任何继承样式（您不希望继承的）：

li.active {

[... STYLES HERE...]

}

li.active li {

[... STYLES HERE...]

}

---

这个答案是错误的-OP明确地说只有第一个LIAha。。。我可能误解了这个问题。它不是用最清晰的英语写的。（我知道OP是非英语母语人士——所以这不是批评，只是承认）。我将问题理解为：当我将

.active

类应用于第一个

li

时，我希望所有子

li

的样式都改变。我不想将

.active

类应用于所有

li

s。我只想将这个类应用于第一个

li

。