「CSS」:activeで要素をクリックでアクティブにする方法

2020年9月15日

説明
:activeで要素をクリックなどでアクティブにしたときにCSSを適用します。

CSSコード
#cft:active { background: yellow; } /* IDセレクタcft:active */
a:active { color: green; } /* アクティブなリンク */

htmlコード
<div id="cft">文字をクリックするとcssを適用する</div>
<a href="#">このリンクはクリックすると緑色になります。</a>