JSFiddle - React, Tailwind, and code Playground

by jaydeedub

HTML

<body>
<div class="clickable" onclick="alert('Clicked clickable')">Click me</div>
<div class="no-clickable" onclick="alert('Clicked not-clickable')">Click me</div>
</body>

CSS

body, body *:not(div.clickable), body:hover, body *:not(div.clickable):hover {
  pointer-events: none;
  background-color: red;
}

div.clickable {
  pointer-events: auto;
  background-color: green;
}