html - 我可以使用 CSS 为多级列表中的最后一级制作样式吗？

Question

我有一个像这样的大型多级列表：

li
{
  list-style-type: none;
}

<ul>
    <li>level1 item</li>
    <li>level1 item
      <ul>
        <li>level2 item</li>
        <li>level2 item
          <ul>
            <li>level3 item</li>
          </ul>
        </li>
      </ul>
    </li>
    <li>level1 item
      <ul>
        <li>level2 item</li>
        <li>level2 item</li>
      </ul>
    </li>
</ul>

而且我只需要为最后一级的项目制作一个特殊的样式，即如果项目没有任何子项目，它必须有一个特殊的样式。我可以使用类，但问题是这个列表非常大而且不是我的，所以我不能以某种方式修改列表本身，我只能为它编写 css（或编写 js 代码，但我不想做）

标签： htmlcss

Answer 1

检查元素是否有任何子元素，如果没有则应用 css

$('li').each(function(){
{
    If(!$(this).children().length)
    {
        $(this).addClass("className");
    }
});