CSS独自の擬似クラスセレクタを使用することで、ページクリックイベントをより簡単に完了できます。

css擬似クラスセレクタ:静的および静的に分割

静的擬似クラスはハイパーリンクのスタイルにのみ使用できます

linkアクセスされていないリンク

用

visitedアクセス用リンク

動的擬似クラスすべてのラベルに適用されるスタイル

hoverは、ユーザがマウスを要素の上に移動したときの効果に使用される.

activeユーザーが要素をクリックするための効果(点で発生している場合、マウスの左ボタンを離す動作も完了)

.

focusは要素が焦点となるために使用され、フォーム上でよく

に使用される.

≪インスタンス｜Instance｜emdw≫

/*           */
        a:link{
            color:red;
        }

        /*           */
        a:visited{
            color:orange;
        }
        /*    ，        */
        a:hover{
            color:green;
        }
        /*      ，        */
        a:active{
            color:black;

テキストボックスの例

/*
         ：    
  */

   /*
             ：
      ：#FF6F3D    
      ：  
       ：#6a6a6a    
   */
    input:focus{
        border:3px solid #FF6F3D;
        color:white;
        background-color:#6a6a6a;
    }

    /*
                
    */
    label:hover{
        color:blue;
    }

    /*
                   
    */
    label:active{
        color:red;
    }