<a href="#" class="fresh">Fresh link</a> <a href="#" class="visited">Visited link</a>
a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  text-decoration: none;
}
a.fresh {
  border-bottom: solid .1em #00e;
  color: #00e;
}
a.visited {
  border-bottom: solid .1em #551a8b;
  color: #551a8b;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.