「CSS」:activeで要素をクリックしてCSSを適用する
書式
セレクタ:active{
}
:activeは、要素をクリックなどでアクティブにしたときにCSSを適用します。
使用例
<style>
.cft:active {
background-color: red;
}
</style>
<body>
<p class="cft">AAA要素をクリックしてください</p>
</body>
<style>
.cft:active {
background-color: red;
}
</style>
<body>
<p class="cft">AAA要素をクリックしてください</p>
</body>
<style>
.cft:active {
background-color: red;
}
</style>
<body>
<p class="cft">AAA要素をクリックしてください</p>
</body>
結果
「AAA要素をクリックしてください」文字をクリックするとCSSが適用されます。