JSFiddle - React, Tailwind, and code Playground

HTML

<div id="axis">
    <div class="super"></div>
     <div class="flag">flag 1</div><!-- I want this text to be green-->
     <div class="super"></div>
     <div class="flag">flag 2</div>
     <div class="super"></div>
     <div class="flag">flag3</div>
     <div class="super"></div>
</div>

CSS

#axis{
    
    color:red;
}


#axis .flag:nth-of-type(1){
    
    color:green;  
}