JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="parent">
    <li>one</li>
    <li>one
        <ul>
            <li>two</li>
            <li>two</li>
            <li>two</li>
        </ul>    
    </li>
    <li>one</li>
</ul>

CSS

ul li{color:red}

ul li > ul li{color:blue}

.parent > li:first-child{background-color:#ccc}