图解CSS3----2-动态伪类选择器

 1、link:超连接在没被点击之前的状态;

a:link{
color: red;
}

      

 

2、visited:超链接在被点击后的状态;

a:visited{
color: orange;
}

3、hover:当鼠标悬浮在超链接上的状态;

a:hover{
color: green;
}

 

4、active:当元素被激活后的状态,一般用在锚点或按钮上;

  

button:active{
color: blue;
}

 

5、focus:当元素获取焦点时候的状态,一般为文本输入框

input:focus{
border:1px solid red;

}

 

 

posted @ 2017-07-23 22:46  SunLike阿理旺旺  阅读(162)  评论(0编辑  收藏  举报