JSFiddle - React, Tailwind, and code Playground

HTML

<div>
text 1
    <div>
    text 2
        <div>
        text 3
            <div>
            text 4
            </div>
        </div>
    </div>
</div>

CSS

div {
    border: 1px solid red;  
    padding: 3px;    
}
div.hover {
    border: 1px solid blue;   
}

JavaScript

$('div').hover(
    function() {
        $(this).addClass("hover");
    },
    function() {
        $(this).removeClass("hover");
    }
);