JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a href>One</a>
    <a href>Two</a>
    <a href>Three</a>
    <a href class="active">Four</a>
    <a href>Five</a>
</div>

CSS

a {
    border-left: solid 5px red;
}
a.active, a.active~a {
    border-left: none;
}