JSFiddle - React, Tailwind, and code Playground

HTML

<a href="http://www.google.com" class="class1">Google</a>
<a href="http://stackoverflow.com" class="class2">Stackoverflow</a>

CSS

a.class1 {
  color: red;
}

a.class1:link {
  text-decoration: none;
  color: red;
}

a.class1:visited {
  text-decoration: none;
  color: red;
}

A.class1:hover {
  text-decoration: underline;
  color: red;
}

a.class1:active {
  text-decoration: none;
  color: red;
}

a.class2 {
  color: blue;
}

a.class2:link {
  text-decoration: none;
  color: blue;
}

a.class2:visited {
  text-decoration: none;
  color: blue;
}

a.class2:hover {
  text-decoration: underline;
  color: blue;
}

a.class2:active {
  text-decoration: none;
  color: blue;
}