JSFiddle - React, Tailwind, and code Playground

HTML

<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
<li>item 5</li>
<li>item 6</li>
<li>item 7</li>
<li>item 8</li>
<li>item 9</li>
<li>item 10</li>
<li>item 11</li>
<li>item 12</li>
<li>item 13</li>
<li>item 14</li>
<li>item 15</li>
<li>item 16</li>
<li>item 17</li>
<li>item 18</li>

CSS

li:nth-child(5n-9) {
    background-color: #00F;
}
li:nth-child(5n-8) {
    background-color: #F00;
}
li:nth-child(5n-7) {
    background-color: #FF0;
}
li:nth-child(5n-6) {
    background-color: #F0F;
}
li:nth-child(5n-5) {
    background-color: #0FF;
}