JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <ul>
            <li>
                <ul>
                    <li></li>
                    <li></li>
                </ul>
            </li>
            <li>
                <ul>
                    <li></li>
                    <li></li>
                </ul>
            </li>
        </ul>
    </li>
    <li><ul>
    <li></li>
    <li></li>
</ul></li>
</ul>

CSS

li {
    width: 100px;
    min-height: 20px;
    background-color: yellow;
    border: 1px solid blue;
}

:not(li) > ul > li {
    background-color: cyan;
    border: 1px solid red;
}