JSFiddle - React, Tailwind, and code Playground

by tomprogramming

HTML

<ul id="myList">
    <li>option 0 </li>
    <li>option 1 </li>
    <li>option 2 </li>
    <li>option 3 </li>
    <li>option 4 </li>
    <li>option 5 </li>
    <li>option 6 </li>
    <li>option 7 </li>
    <li>option 8 </li>
    <li>option 9 </li>
    <li>option 10 </li>
    <li>option 11 </li>
    <li>option 12 </li>
    <li>option 13 </li>
    <li>option 14 </li>
</ul>

CSS

.class1 {
 color:red;    
}

.class2 {
 color:blue;   
}

ul li:nth-child(1n+3){
 class:"class1"   
}
ul li:nth-child(2n+3){
 class:"class2"   
}