JSFiddle - React, Tailwind, and code Playground

HTML

<li>
     <a href="http://www.domain.xyz">unvisited</a>
</li>
<li>
    <a href="http://www.google.es">visitable</a>
</li>
<li>
    <a href="http://www.google.com">has been visited</a>
</li>

CSS

li 
    {
    list-style:none;
    margin-left:30px;
    margin-top:30px;
    }
li a::before
    {
    font-family:"Helvetica";
    font-stretch: "Ultra Condensed";
    content: "";
    color: #7b7c7e;
    padding-right: 5px;
    }
 li a:hover:before
    {
    content: ">";
    color: #b2c900;
    }

 a:visited:before
    {
    content: ">";
    color: #b2c900;
    }
 li a
    {
    vertical-align:middle;
    color:#7b7c7e;
    font-family:Helvetica;
    line-height:30px;
    text-decoration:none;
    }
 li a:hover
    {
    color: #b2c900;
    }
 li a:visited
    {
    color: #b2c900;
    }