JSFiddle - React, Tailwind, and code Playground

HTML

<div class="document>
  <div class="text"> some text1 </div>
  <div class="text"> some text2 </div>
  <div class="text"> some text3 </div>
  <div class="text"> some text4 </div>
 <div class="text"> some text4 </div>
 <div>
  ssss
 </div>
 <div class="text"> some text4 </div>
 <div class="text"> some text4 </div>
</div>

CSS

.text:nth-child(odd)
{
    color: green;
}
.text:nth-child(even)
{ 
    background-color:#fff;
}