JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
    
<div>x</div>
<div>x</div>
<div>x</div>
<div>x</div>
<div>x</div>
<span style="display:none;">y</span>
<div>x</div>
<div>x</div>
<div>x</div>
<div>x</div>
<div>x</div>
<span style="display:none;">y</span>
<div>x</div>
<div>x</div>
<div>x</div>    
<div>x</div>

</div>

CSS

.wrap div:nth-child(odd){
   background:#eee;
   }