JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <div class='div'>
    <div class='div2'><span class="caption">div2</span></div>
  </div>
</div>

<div id="debug"></div>

CSS

.div {
  padding: 50px;
  background: green
}

.div2 {
  padding: 50px;
  background: red
}

.caption {
  background: yellow;
}

JavaScript

var div2 = document.querySelector('.div2'),
	debug = document.getElementById('debug');

div2.addEventListener('click', function(e) {
	debug.innerHTML = [e.target.className, e.currentTarget.className].join('<br>');
});