首页 > 代码库 > CSS3----动态伪类选择器

CSS3----动态伪类选择器

 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;

}

 技术分享

 

CSS3----动态伪类选择器