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

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

トピック：:link セレクタは、未訪問のリンクを選択するために使用する ことができる :link セレクタは、既に訪れたリンクのスタイルを変更しない。

疑似クラス :link

実例 コード 1

サンプル コードを試す
  • a:link {
  •     ​background-color: yellow;
  • }
    トピック：:link 疑似クラスは、まだ訪問されていない要素を表示 します。 <a>, <area>, <link> など、 href 属性を持つ未訪問のすべての要素を選択する ことができる。

CSSコード：例

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

構文

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

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

PropertyDesktop 互換性
:linkChromeEdgeFirefoxInternet ExplorerOperaSafari
基本 サポートフルサポート◯1フルサポート◯ありフルサポート◯1フルサポート◯3フルサポート◯3.5フルサポート◯1

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

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

Html

Glossary

PHP

JavaScript

JQuery

CSS