JSFiddle - React, Tailwind, and code Playground

by cchana

HTML

<ul class="menu">
    <li><a href="#">should be red</a></li>
    <li><a href="#">should be red</a></li>
    <li><a href="#">should be red</a></li>
</ul>

<a href="http://www.google.com"> should be black </a> <br>

CSS

a { outline:0; text-decoration: none ; }
a:link, a:visited { color: black; }
a:hover { color: black;text-decoration: none; }  

.menu a:link, a:visited { color: red; }
.menu a:hover { color: red;text-decoration: none; }