JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <ul>
    <li><a href="#">Link1</a></li> 
    <li><a href="#">Link2</a></li>
    <li><a href="#">Link3</a></li> 
    <li><a href="#">Link4</a></li> 
    </ul>

CSS

a:link {
 font-weight: bold;
 text-decoration: none;
 font-family:"Arial";
 color: blue;
}
a:hover {
  font-family:"Tahoma";
color: red;
}
a:visited {
 font-weight: bold;
 text-decoration: underline;  
  font-family:"Impact";
  
}