将一个类应用于特定的li而不是它

Question

我有一个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应用于此课程。我怎么办？

Answer 1

您可以使用以下语法更改<li>子项的所有li.active的样式：

li.active li {

[... STYLES HERE...]

}

如果要将样式应用于不适用于子项的li.active，可以声明li.active的样式，然后重新声明任何继承的样式（您不希望继承样式） ）li.active li：

li.active {

[... STYLES HERE...]

}

li.active li {

[... STYLES HERE...]

}