JSFiddle - React, Tailwind, and code Playground

by jnfsmile

HTML

<a href="">AA</a>
<a href="">BB</a>
<a href="">CC</a>
<a href="">DD</a>
<a href="">EE</a>

CSS

a:link {   
    color: MIDNIGHTBLUE;
    text-decoration:none;
    
}
     a:after {
        content: "o";
        color: LIGHTGRAY;
       padding: 4px;
    display:inline-block;
    }
     a:hover {
        text-decoration: underline;
        color: ROYALBLUE;
    }
     a:after {
            text-decoration: none;
        }
     a:after:hover {
            text-decoration: none;
        }