JSFiddle - React, Tailwind, and code Playground

by Pratik Bhonsle

HTML

<div class="right">Click Me</div>
<p>
<div class="wrong">Click Me</div>

CSS

/* Right */
div.right {
  background-color:#fff;
}
div.right:hover {
  background-color:#f00;
}
div.right:active {
  background-color:#000;
}

/* Wrong */
div.wrong {
  background-color:#fff;
}
div.wrong:active {
  background-color:#000;
}
div.wrong:hover {
  background-color:#f00;
}