CSS :active 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル

:active 疑似クラス CSS プロパティとは

トピック：:active 要素がアクティブ化またはクリックされたときに適用する 、ことができる

疑似クラス :active

実例 コード 1

サンプル コードを試す
  • a:active {
  •     color: gray;
  • }
    情報：アクティブ化されている< a >をすべて選択する ことができる。

CSSコード：例

    a:link{
        color: blue; 
    }
    /* 未訪問リンク */
    a:visited{
        color: purple 
    }
    /* 訪問済みリンク */
    a:hover{
        background: yellow; 
    }
    /* ホバー時 */
    a:active{
        color: lime 
    }
    /* アクティブなリンク */
    使用上の注意：
  • この疑似クラスを完璧に動作させるには、正確な順序（LVHA 順）で定義しなければならない :link->:visited->:hover->:active->:focus

構文

:active { css : properties ; }
 疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }

サポートするデスクトップ ブラウザ対応・互換性

PropertyDesktop 互換性
:active 疑似クラスChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯ 1フルサポート◯フルサポート◯ 1フルサポート◯ 4フルサポート◯ 5フルサポート◯ 1
Non-a element supportフルサポート◯ 1フルサポート◯フルサポート◯ 1フルサポート◯ 8フルサポート◯ 7フルサポート◯ 1

サポートするモバイル ブラウザ対応・互換性

PropertyMobile 互換性
:active 疑似クラスAndroidChrome for Android
Edge MobileFirefox for Android
Opera for Android
iOS SafariSamsung Internet
基本 サポートフルサポート◯ 1 不明フルサポート◯フルサポート◯ 4フルサポート◯ 6フルサポート◯ 1 不明
Non-a element supportフルサポート◯ 1 不明フルサポート◯フルサポート◯ 4 不明フルサポート◯ 不明
：:active 疑似クラス 関連記事
CSS :active 疑似クラス| CSS:スタイルシート 関数 要素 使い方・書き方 例 CSS サンプル
CSS :active 疑似クラス | CSS プロパティ 値| 意味 使い方 実例 – WebRef
あわせて読みたい

Html

Glossary

PHP

JavaScript

JQuery

CSS