JSFiddle - React, Tailwind, and code Playground

HTML

<div id="first">00
    <div class="second">
        1 
        <span>test</span>
    </div>
    
    <div class="second">
        
        <ul>
            <li>hello</li>
            <li>css</li>
        </ul>
        
        test â„–2
        
        <ul class="three">
            <li>hello</li>
            <li><span>css</span></li>
        </ul>
        
    </div>
</div>

CSS

#first {color: black;}
#first ul{color: blue;}

.second {color: red;} 

.three {color: magenta;}
.three ul{color: magenta;}

span {color: green;}