JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="tabMenu">
  <li class="hidden">1</li>
  <li class="active">2</li>
  <li class="active">3</li>
  <li>4</li> <!-- I want this one's blood -->
  <li class="hidden">5</li>
  <li class="hidden">6</li>
  <li>7</li>
</ul>

CSS

li.active ~ li:not(.hidden):not(.active) {
    color:red;
}
li.active ~ li:not(.hidden):not(.active) ~ li {
    color:inherit;
}