「CSS」:activeで要素をクリックしてCSSを適用する

2022年2月18日

書式
セレクタ:active{
}
:activeは、要素をクリックなどでアクティブにしたときにCSSを適用します。
使用例

<style>
  .cft:active {
    background-color: red;
  }
</style>
<body>
  <p class="cft">AAA要素をクリックしてください</p>
</body>

結果
「AAA要素をクリックしてください」文字をクリックするとCSSが適用されます。

CSS

Posted by arkgame