JSFiddle - React, Tailwind, and code Playground

by Trevor W

HTML

<div class="foo1" onclick="console.log('foo1')">
  <div class="foo2" onclick="console.log('foo2')">
    <div class="foo3" onclick="console.log('foo3')">
  
    </div>
  </div>
</div>

CSS

.foo1,.foo2,.foo3{
  padding:20px;
}
.foo1{
  background-color:red;
}
.foo2{
  background-color:blue;
}
.foo3{
  background-color:green;
}