JSFiddle - React, Tailwind, and code Playground

HTML

<div id="all">
<div id="inner">
    <div id ="one" class="block"><a href="">one</a></div>
<div id="thisdiv">hello</div>
<div id ="two"class="block">two</div>
<div id ="three"class="block">three</div>
    inner
    </div>
all
</div>

CSS

.highlighted { background: #99E6FF }

JavaScript

$("*").mouseenter(function() {
  $(".highlighted").addClass("unhighlighted").removeClass("highlighted");
  $(this).addClass("highlighted");
});

$("*").mouseleave(function() {
  $(this).removeClass("highlighted").parents(".unhighlighted").first().addClass("highlighted"); 
});