在学习给链接定义样式之前我们要先了解一下伪类选择器。伪类是专门用来表示元素的一种特殊状态,比如:访问过的超链接,普通的超链接,获取焦点的文本框。当我们需要为处在这些特殊状态的元素设置样式时,就可以使用伪类。
有四个伪类可以让你根据访问者与该链接的交互方式,将链接设置成四种不同的状态。
正常链接:a:link
/*为没访问过对的链接设置颜色为绿色
a :link
表示普通的链接:没访问过的链接
*/
a:link{
color: yellowgreen;
}
访问过的链接:a:visited
/*
为访问过的链接设置颜色为红色
a:visited
表示访问过的链接
浏览器通过历史记录来判断一个链接是否访问过
由于涉及到用户隐私问题,所以使用visited伪类只能设置字体颜色
*/
a:visited{
color: red;
}
鼠标滑过的链接:a:hover
a:hover{
background-color: antiquewhite;
}
正在点击的链接:a:active
a:active{
background-color: crimson;
}
hover和active也可以为其他元素设置
ie6中,不支持对超链接以外的元素设置 :hover :active
p:hover{
background-color: yellow;
}
p:active{
background-color: blue;
}