JSFiddle - React, Tailwind, and code Playground
by nchaves
HTML
<div class="new">New:
<a href="#01">One</a>
<a href="#02">Two</a>
<a href="#03">Three</a>
<a href="#04">Four</a>
<a href="#05">Five</a>
</div>
<div class="visited">
Visited:
<a href="#01">One</a>
<a href="#02">Two</a>
<a href="#03">Three</a>
<a href="#04">Four</a>
<a href="#05">Five</a>
</div>CSS
html { font-family:Calibri, 'Lucida Grande', Helvetica; }
a { color: #50C9DF; text-decoration:none; border-bottom:1px solid #50C9DF; }
.new a { color:#F92759; border-color:#F92759; }
.new a:visited { color:white; border-color:white; }
.visited a { color:white; border-color:white; }
.visited a:visited { color:#F92759; border-color:#F92759; }