JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">1</div>
<div class="box special">1</div>
<div class="box special">1</div>

CSS

.box
{
    width: 100px;
    height: 50px;
    background-color: #e3e3e3;
}

.special:nth-child(even)
{
    background-color: red;
}

.box.special:nth-child(odd)
{
    background-color: blue;
}