CSSの擬似クラス-パート3 (訪問)

3788 ワード

注意:これはCSSの擬似クラス専用の第3部です.
この部分では、擬似クラスを理解します.訪問したが、他の擬似クラスに移動したい場合は、以下のリンクをクリックしてください.
第1部
第2部
Part 3 :
第4部
第5部
訪問されたセレクタを使用して、訪問したページへのスタイルリンクにリンクします.
上記の「Link Selector」について読んだ場合は、「訪問した」というのは全く逆のことを理解してください.どうやって教えましょうか
訪問されたセレクタは、訪問されていないページへのスタイルのリンクに使用されます.
私たちは:リンクセレクタで最初にテキストの色が定義されているのを見ました.
ただし、最初にデフォルトの色が表示されます.
話が安いので、コードを見せましょう.
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        a:visited{
            color: red;;
        }
    </style>
</head>
<body>
    <a href="#"><h1>This is a link.</h1></a>
</body>
</html>


👆 としては、リンクの元の色を参照することができますので、すぐに私たちはそれをクリックして失われ、それが赤になると我々はブラウザの履歴をクリアするまでそのようなままになります.
別の例を見てみましょう.
    <style>
        a{
            color: green;
        }
        a:link{
            color: red;
        }
    </style>
ここでは、リンクの元の色は緑です、そして、我々がそれをクリックするとすぐに、色は赤に変わり、赤のままです.

以下に簡単な概要を示します.
  • を使用すると、スタイルバーにホバーセレクタを使用します.これは、リンク以外の要素で使用することができます.
  • リンクセレクタを使用しないページへのスタイルリンクに使用します.
  • 訪問したセレクタを訪問したページへのスタイルリンクに使用します.
  • ::アクティブなセレクタは、アクティブなリンクをスタイルに使用されます.これは、リンク以外の要素で使用することができます.
  • LVHA :あなたが1つのページで1つ以上のこれらのセレクタを使用しているなら、最初にリンクセレクタを使用してください、そして、次に、訪問したセレクタはホバーと最終的に最後にアクティブになります.
    それはすべての人々です.
    あなたが疑問を持っているならば、コメント部で私に尋ねてください、そして、私はできるだけ早く答えるようにします.
    私は、ウェブ開発(はい、毎日)に関連した1つの記事を毎日書きます.あなたが同じことを学んでいるならば、我々について来てください..
    私のTwitterハンドル
    LinkedInタイプなら、接続しましょう.
    素晴らしい一日を😀!