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

标签 html css

<分区>

我有一个 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> 的样式这是li.active的 child 使用以下语法:

li.active li {

[... STYLES HERE...]

}

如果要将样式应用于 li.active这不适用于您可以为 li.active 声明样式的子项然后为 li.active li 重新声明任何继承的样式(您不想继承的样式) :

li.active {

[... STYLES HERE...]

}

li.active li {

[... STYLES HERE...]

}

关于html - 将一个类应用于特定的 li 而不是它的子类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35252732/

相关文章:

php - 从下拉列表中选择值,第二个下拉列表自动更改

html - Div 和表格在 Firefox 中无法正常工作

jquery - 使用 css3 隐藏数据属性

html - 为什么照片周围有淡淡的边框?

javascript - 如何让所有带有类的文本框在 jquery 中有一个日期选择器?

javascript - jquery简单覆盖闪烁问题

css - 动画样式 CSS 到 ReactJS 样式变量

html - 我在这个 CSS float 到列代码中的错误是什么

javascript - 如何用CSS缩放一个div

parsing - 使用 Simple HTML DOM Parser 查找堆叠的 div 类