JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://www.twitter.com">Unvisited link</a>
       <a href="http://www.twitter.com">Visited link</a>
       <a href="http://www.twitter.com">Hover over the link</a>
       <a href="http://www.twitter.com">Active link</a>
       <a href="http://www.twitter.com">Focus over the link</a>

CSS

a{font-size: 20px; display: block;}
         a:link {color:red;}
         a:visited {color: black;}
         a:hover {color: blue;}
         a:active {color: green;}
         a:focus {color: maroon;}