JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="a">
    <li>x</li> <li>x</li> <li>x</li>
</ul>

<br>

<ul class="b">
    <li>x</li> <li>x</li> <li>x</li>
</ul>

<br>

<ul class="c">
    <li>x</li> <li>x</li> <li>x</li>
</ul>

CSS

.a :nth-child(odd){
   background:#eee;
}
.b *:nth-child(odd){
   background:#eee;
   }
.c:nth-child(odd){
   background:#eee;
   }