同一个标签,根据它状态的不同,展现出不同的效果,就叫做“伪类”
可以通过超链接标签a来认识伪类:
对于一个超链接,它有着四种状态:用户没有点击过的初始状态、鼠标悬停在超链接上的状态、鼠标点击了超链接,但还没有松手的状态以及访问过的状态,我们可以给这四种状态设置不同的表现效果。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
/* 用户没有点击过,初始状态 */
a:link{
color: #00FFFF;
}
/* 鼠标悬停的状态 */
a:hover{
color: #4169E1;
}
/* 鼠标点击了这个超链接,但是还没有松手的状态 */
a:active{
color: #8A2BE2;
}
/* 访问过的 */
/* 点击之后它会记住已经点击过了,所以还是点击过的状态 */
a:visited{
color: #FF7F50;
}
</style>
</head>
<body>
<a href="#1#1">超链接测试</a>
</body>
</html>
未访问效果:
鼠标悬停效果:
鼠标点击未松手效果:
访问过效果: