CSSの詳しい解説：アクティブセレクター

アクティブからの一文

active は英語で「active」と解釈され、マウスをクリックすることを意味します。アクティブ セレクターの最も一般的な例はおそらくリンクに適用されますが、リンクを開くのは瞬間的なアクションであり、アクティブ セレクターの特性を十分に反映していません。

アクティブの特徴

実際、アクティブなリンクを開くと、アクティブをアクティブにするプロセスがあり、モジュールを解放するまでモジュールをクリックします。この処理にかかる時間を指定しない場合、デフォルトでは 10 分の数秒かかると思います。

リーリー

この時間は、transition 属性を通じて調整できます。

リーリー

読者は実験を行って、遷移の値を変更し、avtive セレクターによって費やされた時間をテストできます。

アクティブな例

リーリー

ここには 2 つのトランジションがあります。つまり、トランジションが 2 つあります。

1. 1. 最初のトランジションはアクティブセレクターをアクティブにすることです。このとき、div:avtive のトランジションが機能します。
   2. 2 番目のトランジションは、マウスを放すと画像のサイズが通常に戻ります。このとき、div 内のトランジションが有効になります。

リーダーが div 内のトランジションのみを設定する場合、セレクターのトランジション時間はデフォルトで div 内のトランジションになります。

読者が興味がある場合は、トランジションと他のセレクターの組み合わせを試すこともできます。