JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="axis">
    <li class="flag">flag 1</li>
    <li class="flag">flag 2</li>
    <li class="flag">flag3</li>
</ul>

CSS

.flag {
    list-style:none;
    color:red;
}


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