CodePen Embed

<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;
}

This Pen is owned by マインクラフトゲームアプリプログラミング学校 on CodePen.

See more by @programjp on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.