Могу ли я сделать стиль для последнего уровня в многоуровневом списке с 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, но я не не хочу этого делать)

Answer 1

Проверьте, есть ли у элемента дочерний элемент, если не применяется css

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

Answer 2

ul>li:last-of-type
{
  list-style-type: none;
}