JSFiddle - React, Tailwind, and code Playground

by Alex Alex

HTML

<div id=d1>
  1
  <div  id=d2>
    2
    <div  id=d3>
      3
    </div>
  </div>
</div>

CSS

div {padding: 30px; background: yellow;}
div > div {background: red;}
div > div > div {background: green;}

JavaScript

d1.addEventListener('click', function(e) {alert(e.target.id + ' from d1')})
d2.addEventListener('click', function(e) {alert(e.target.id + ' from d2')})
d3.addEventListener('click', function(e) {alert(e.target.id + ' from d3')})