JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

CSS

li {
    width:100%;
}
li:nth-child(4n)
{
background:#999;
}

li:nth-child(4n-1)
{
background:#999;
}
li:nth-child(4n-2)
{
background:#ccc;
}
li:nth-child(4n-3)
{
background:#ccc;
}