JSFiddle - React, Tailwind, and code Playground

by Arvind Pal

HTML

<ul>
    <li>This should be green!</li>
    <li> 
        <ul>
            <li>But this is not, it's, um...blue!</li>
            <li>And so on...</li>
            <li>
              <ul>
            <li>But this is not, it's, um...blue!</li>
            <li>And so on...</li>
        </ul>
            </li>
        </ul>
     </li>
    <li>This is green too, just because.</li>
</ul>

CSS

ul li {
    color: green;
    margin-left: 10%;
}

ul li ul li {
    color: blue;
}