<a href="https://techacademy.jp/programming" target="_blank" rel="noopener noreferrer">
  <p>色の変わるリンク(リンク訪問や、マウスホバー、クリックで色が変わる)</p>
</a>
<a class="no-color-change" href="https://techacademy.jp/programming" target="_blank" rel="noopener noreferrer">
  <p>色の変わらないリンク(リンク訪問や、マウスホバー、クリックで色が変わらない)</p>
</a>
a:hover {
  color: red;
}

a:active {
  color: green;
}

a.no-color-change:link,
a.no-color-change:visited,
a.no-color-change:hover,
a.no-color-change:active {
  color: blue;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.