<a href='https://google.com' class="e1" target="_blank">E1 Link</a>
<br>
<a href='https://facebook.com' class="e2" target="_blank">E2 Link</a>

<!-- Click both links. Then inspect the style when you hold your click on them another time -->
.e1:link {
  color: blue;
  text-decoration: none;
}
.e1:visited {
  color: purple;
}
.e1:hover {
  text-decoration: underline;
}
.e1:active {
  color: red;
}

.e2:link {
  color: blue;
  text-decoration: none;
}
.e2:active {
  color: red;
}
.e2:hover {
  text-decoration: underline;
}
.e2:visited {
  color: purple;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.