JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
    <div>Test1</div>
    <span>Test2</span>
    <ul>
        <li>List Item</li>
        <li>List Item</li>
        <li>List Item</li>
    </ul>
    <h1>Headline</h1>
</div>

CSS

.is_hovered {
    border:1px solid red;
    
}

JavaScript

$('body *:visible').hover(function(e) {
    $(this).addClass('is_hovered');
}, function(e) {
    $(this).removeClass('is_hovered');
});