JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>11111</li>
    <li>22222</li>
    <li>33333</li>
</ul>

CSS

li:hover,
li.active {
    color: red;
}

JavaScript

$(function() {
    $("li:first-child").addClass("active");
    $(".active").mouseover(function() {
      $(this).removeClass("active");
    });
});