JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

ul > li {
    color: green;
}
ul > li.active ~ li {
    color: red;
}