JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="a">Hi-1</li>
    <li class="b">Hi-2</li>
    <li class="b">Hi-3</li>
    <li class="a">Hi-4</li>
    <li class="b">Hi-5</li>
    <li class="b">Hi-6</li>
</ul>

CSS

li{
    list-style:none;
}
.a{
    color:blue;
}
.b:nth-child(2n),.b:nth-child(5n){
    color:red;
}
.b:nth-child(6n), .b:nth-child(3n){
    color:violet;
}