JSFiddle - React, Tailwind, and code Playground

by Kyle

HTML

<ul>
    <li>one</li>
    <li>one
        <ul class="nested">
            <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}

ul li:first-child{background-color:#ccc}

ul li ul li:first-child{background-color:transparent}

ul.nested li:first-child{background-color: #fff;}