Jquery 在内部节点数目未知的多递归结构中,如何选择最后一级li?

Jquery 在内部节点数目未知的多递归结构中,如何选择最后一级li?,jquery,html,css,css-selectors,Jquery,Html,Css,Css Selectors,我需要在snippet中所示的结构中选择子元素的最后一级。 如果我们可以使用css实现这一点,那就太好了,但是如果不可能,jquery也可以 注意:我无法更改HTML结构或在其中添加类。 ulli:最后一个孩子{ 颜色:#ff0000; } 李{ 颜色:#000000; } 没有 没有 对 没有 没有 没有 对 没有 对 没有 对 没有 对 没有 最后一个,只有这个必须是红色的 在支持JS之前,您需要使用JS 下面是获取最深的并向其中添加类的一种方

我需要在snippet中所示的结构中选择子元素的最后一级。 如果我们可以使用css实现这一点,那就太好了,但是如果不可能,jquery也可以

注意:我无法更改HTML结构或在其中添加类。

ulli:最后一个孩子{
颜色:#ff0000;
}
李{
颜色:#000000;
}
  • 没有
  • 没有
  • 没有
  • 没有
    • 没有
      • 没有
        • 没有
          • 没有
            • 没有
            • 最后一个,只有这个必须是红色的

在支持JS之前,您需要使用JS

下面是获取最深的
  • 并向其中添加类的一种方法:

    var items=document.querySelectorAll(“li”);
    items[items.length-1].classList.add(“last”)
    
    。上次{
    颜色:红色;
    }
    • 没有
    • 没有
    • 没有
    • 没有
      • 没有
        • 没有
          • 没有
            • 没有
              • 没有
              • 最后一个,只有这个必须是红色的

    在支持JS之前,您需要使用JS

    下面是获取最深的
  • 并向其中添加类的一种方法:

    var items=document.querySelectorAll(“li”);
    items[items.length-1].classList.add(“last”)
    
    。上次{
    颜色:红色;
    }
    • 没有
    • 没有
    • 没有
    • 没有
      • 没有
        • 没有
          • 没有
            • 没有
              • 没有
              • 最后一个,只有这个必须是红色的

    我很确定,因为深度是可变的,没有纯CSS的方法可以做到这一点。我们可以在最后一级元素中使用jquery添加一个类吗?是的,这是可行的。这应该有助于构建一个好的选择器,或者如果你有一个树,其中有几个分支深入到某个“叶子”呢?所有的叶子都应该是目标吗?我很确定,因为深度是可变的,所以没有纯CSS的方法可以做到这一点。我们可以在最后一级元素中使用jquery添加一个类吗?是的,这是可行的。这应该有助于构建一个好的选择器,或者如果你有一个树,它有几个分支深入到某个“叶子”呢?所有的叶子都应该成为目标吗?