JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">item </a>
<a href="#">item </a>
<a href="#">item </a>
<a href="#">item </a>
<a href="#">item </a>

CSS

a {
  display:block;
  transition:background 1s !important;
}

a:active{
  background:green;
  transition:background 0s !important; 
}