JSFiddle - React, Tailwind, and code Playground

by amkrtchyan

HTML

<div class='a'>
    HOVER ME
    <div class='a'>
        HOVER ME
        <div class='b'>
            HOVER ME
            <div class='b'>
                HOVER ME
            </div>
        </div>
    </div>
</div>

CSS

.a{height:100px;width:200px;border:1px solid black;padding-bottom:30px;background:red;}
.b{height:100px;width:200px;border:1px solid black;padding-bottom:30px;background:blue;}

JavaScript

$(".a").click(function(e){
    alert("a clicked");
});
$(".b").click(function(e){
    e.stopPropagation();
    alert("b clicked");
});