JSFiddle - React, Tailwind, and code Playground

HTML

<div>
<a href="#1">test 1</a>
<a href="#2">test 2</a>
<a href="#3">test 3</a>
<a href="#4">test 4</a>
<a href="#5">test 5</a>
</div>

CSS

a, a:active, a:visited {
  color: black;
  text-decoration: none;
}
a.active {
  color: blue;
  font-weight: bold;
}

JavaScript

$("div").on("mouseover", "div", function(e){
  e.preventDefault();
  $(e.target).addClass("hov");
});