伪类选择器： 当前鼠标对标签的状态
1）link状态：鼠标没有访问过的状态
2）hover状态：鼠标经过的状态
3）active状态：鼠标激活状态（鼠标点击了，但是没有松开的状态）
4）visited状态：鼠标已经访问过的状态（鼠标点击且松开的状态）
提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。
a:active 必须被置于 a:hover 之后，才是有效的。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
/*link状态:没有访问过的状态*/
a:link{
font-size:24px;
color:blueviolet;
}
/*visited:鼠标访问过的状态:点击了,并且松开的状态*/
a:visited{
font-size:24px;
color:grey;
}
/*鼠标经过的状态:hover*/
a:hover{
font-size: 24px;
color:red;
text-decoration: none;
}
/*active:鼠标激活状态:点击了,但是没有松开*/
a:active{
font-size: 30px;
color: red;
text-decoration: underline;
}
</style>
</head>
<body>
<a href="01.html">跳转链接</a>
</body>
</html>
扫一扫
2255
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
