JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>foo
        <ul>
            <li>bar
                <ul>
                    <li>baz
                        <ul>
                            <li>joe</li>
                        </ul>
                    </li>
                </ul>
            </li> 
        </ul>
    </li>
</ul>

CSS

.joe {
    color: red;
}

JavaScript

$('ul:not(:has(ul))').addClass('joe');