元素的伪类选择器

元素的伪类选择器

伪类专门用来表示元素的一种特殊的状态.

比如访问过的超链接等

1590839109726

:link表示普通的链接(没访问过的超链接)

1
2
3
a:link{
color:yellow;
}

:visited表示访问过的超链接

浏览器是通过历史记录来判断一个链接是否访问过.

由于隐私的原因,所以visited这个伪类只能修改链接的颜色

1
2
3
a:visited{
color:red;
}

:hover表示鼠标移入的状态

1
2
3
a:hover{
color:red;
}

:active表示的是超链接被点击的状态.

1
2
3
a:active{
color:red;
}

:hover:active也可以为其他元素设置

1
2
3
4
5
6
p:hover{
color:red;
}
p:active{
color:red;
}

IE6中,不支持对超链接以为的元素设置:hover:active

:focus获取焦点

1
2
3
input:focus{
background-color:yellow;
}

::selection为p标签中选中的内容使用样式

可以用::selection伪类

注意:这个伪类在火狐浏览器中需要采用另外一种方式编写::-moz-selection

1
2
3
4
5
6
p::-moz-selection{

}
p::selection{

}