JSFiddle - React, Tailwind, and code Playground

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="14"></li>
    <li data-status="5"></li>
    <li data-status="5"></li>
    <li data-status="14"></li>
</ol>

CSS

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