伪类选择器(实现鼠标悬浮字体变色效果)

链接框与文本框：

实现鼠标悬浮变色效果

　　　　　a:link { /*访问之前的状态*/
            color: red;
        }
        a:hover { /*鼠标悬浮态*/
            color: aqua;
        }
        a:active { /*鼠标点击不松开的状态：激活态*/
            color: black;
        }
        a:visited { /*访问之后的状态*/
            color: darkgray;
        }

        p { /*访问之前的状态*/
            color: red;
        }
        p:hover { /*鼠标悬浮态*/
            color: white;
        }

 

input框：

        input:focus { /*input框获取焦点(鼠标点击了input框)*/
            background-color: darkblue;
        }