疑似クラス active

疑似クラス active は、 リンクがクリックされた瞬間（ボタンを押して離していない間、つまりボタンを離すまで設定されたスタイルが適用される状態）のスタイルを設定します。

通常、この疑似クラスは 疑似クラス link、 hover および active と組み合わせて使用されます。

構文

cssa:active {
  
}

例

未訪問のリンクは赤色、 訪問済みのリンクは水色になります。 マウスをリンクの上に置くと緑色になり、 マウスの左ボタンをクリックして押し続けると黒色になります（active 状態）:

html<a href="#">リンク</a>

cssa:link {
  color: red;
}
a:visited {
  color: blue;
}
a:hover {
  color: green;
}
a:active {
  color: black;
}

Результат:

関連項目