JSFiddle - React, Tailwind, and code Playground

by Chintan Upadhayay

HTML

<div class="one">
    <ul>
       
            <li class="EA_itemOdd">1</li>
            <li class="EA_itemEven">2</li>
            <li class="EA_itemOdd">3</li>
            <li class="EA_itemEven">4</li>
            <li class="EA_itemOdd">5</li>
            <li class="EA_itemEven hide">6</li>
            <li class="EA_itemOdd hide">7</li>
            <li class="EA_itemEven hide" >8</li>
            <li class="EA_itemEven hide">9</li>
            <li class="EA_itemEven">10</li>
            <li class="EA_itemEven">11</li>
            
   
    </ul>
</div>

CSS

/* .one ul li:nth-last-child(5) {
    color: red;
} */

.one ul li:nth-last-child(2){
    color: red;
}
/* .hide{
  display:none;
} */