JSFiddle - React, Tailwind, and code Playground

HTML

<p>hover over one and two and three should not be yellow anymore</p>
<ul>
    <li>one</li>
    <li>two</li>
    <li>three</li>
</ul>

CSS

li:hover,li:focus{
                   background-color:yellow;
                   cursor:pointer; 
}

JavaScript

$('li').attr('tabindex','0').focus()