疑似クラス active
疑似クラス active は、
リンクがクリックされた瞬間(ボタンを押して離していない間、つまりボタンを離すまで設定されたスタイルが適用される状態)のスタイルを設定します。
通常、この疑似クラスは
疑似クラス link、
hover
および active
と組み合わせて使用されます。
構文
a:active {
}
例
未訪問のリンクは赤色、 訪問済みのリンクは水色になります。 マウスをリンクの上に置くと緑色になり、 マウスの左ボタンをクリックして押し続けると黒色になります(active 状態):
<a href="#">リンク</a>
a:link {
color: red;
}
a:visited {
color: blue;
}
a:hover {
color: green;
}
a:active {
color: black;
}
: