JSFiddle - React, Tailwind, and code Playground

HTML

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

</div>

<br><br>


<ul>
    <li>x</li> <li>x</li> <li>x</li> <li>x</li> <li>x</li> <li>x</li> <li>x</li> <li>x</li> <li>x</li> <li>x</li> <li>x</li> <li>x</li> <li>x</li> <li>x</li> <li style="display:none;">x</li> <li>x</li> <li>x</li> <li>x</li> <li>x</li> <li>x</li> 
</ul>

CSS

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

ul :nth-child(odd){
   background:#eee;
   }