JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="seasons">
  <li class="winter"><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;
}

JavaScript

var date = new Date();
switch (date.getMonth()) {
	case 0:
  case 1:
  case 2:
  	document.querySelector('.winter').classList.add('active');
    break;
  case 3:
  case 4:
  case 5:
 		document.querySelector('.spring').classList.add('active');
    break;
  case 6:
  case 7:
  case 8:
 		document.querySelector('.summer').classList.add('active');
    break;
  case 9:
  case 10:
  case 11:
 		document.querySelector('.autumn').classList.add('active');
    break;
}