JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li>test</li>
    <li></li>
</ul>

CSS

li:nth-child(odd){
    background-color:green; color:white
}
li:nth-child(even){
    background-color:yellow; 
}