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

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

トピック：:visited 訪問されたセレクタは訪問されたリンクを選択するために 使用する 事ができる

疑似クラス :visited

    使用上の注意：
  • :visited はブラウザのセキュリティ上の問題・プライバシー上の理由のため訪問リンクに設定できるスタイルを制限される

実例 コード 1

サンプル コードを試す
  • a:visited {
  •     color: green;
  • }

CSSコード：例

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

スタイルの制約

  • 色
  • 背景色
  • ボーダーカラー（および別のサイドのボーダーカラー）
  • アウトラインカラー
  • 列ルール色
  • 塗りとストロークの色部分

構文

:visited { css : properties ; }
 疑似クラス名 {スタイル要素のプロパティ : プロパティ値; }
CSS バージョンCSS 1

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

PropertyDesktop 互換性
:visited 疑似クラスChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯ 1フルサポート◯フルサポート◯ 1フルサポート◯フルサポート◯ 3.5フルサポート◯ 1
:visitedフルサポート◯ 6フルサポート◯フルサポート◯ 4フルサポート◯ 8 不明フルサポート◯ 5

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

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

Html

Glossary

PHP

JavaScript

JQuery

CSS