JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="seasons">
  <li class="winter active"><a data-season="winter" href="#">Зима</a></li>
  <li class="spring"><a data-season="spring" href="#">Весна</a></li>
  <li class="summer"><a data-season="summer" href="#">Лето</a></li>
  <li class="autumn"><a data-season="autumn" href="#">Осень</a></li>
</ul>

CSS

.active,.active a {
  color: red;
}