JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
  <div class="contents">
    <div class="post">
      <div class="item" style="pointer-events: auto"></div>
    </div>
  </div>
</div>

CSS

body {background-color: ghostwhite}
div::before {content: attr(class); font-size: 13px}
div {margin: 10px 50px; border: 3px solid tomato; background-color: #fff; pointer-events: none}
.item {border-color: skyblue}
div:active { border-color: purple }
body:active { background-color: lightgray }