JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>AAAAA</li>
    <li>AAAAA</li>
    <li attrName="active">AAAAA</li>
    <li>AAAAA</li>
    <li>AAAAA</li>
</ul>

CSS

ul > li {
    color: green;
}
ul > li[attrName="active"] ~ li {
    color: red;
}