JSFiddle - React, Tailwind, and code Playground

by adamh

HTML

<ol>
    <li data-status="1"></li>
    <li data-status="2"></li>
    <li data-status="2"></li>
    <li data-status="1"></li>
    <li data-status="1"></li>
    <li data-status="2"></li>
    <li data-status="3"></li>
    <li data-status="4"></li>
    <li data-status="5"></li>
    <li data-status="5"></li>
    <li data-status="1"></li>
</ol>

CSS

li:nth-child(2n+1)[data-status="1"] {
    background: #f90;
}