开发者学堂课程【零基础学前端 HTML+CSS：伪类】学习笔记，与课程紧密联系，让用户快速学习知识。
课程地址：https://developer.aliyun.com/learning/course/398/detail/5131
伪类
1、伪类可以让用户在使用页面的过程中增加更多的互交效果，例如应用最为广泛锚点标签 < a > 的几种状态（未访问链接状态、已访问链接状态、鼠标指针悬停在链接上的状态以及被激活的链接状态），
2、伪类一般用于超级链接的几种状态，经常会访问到网站上，比如打开网站，访问 www.mldn.cn，鼠标经过超级链接，超级链接变了颜色，有颜色的变化，比如访问百度，鼠标经过，从黑色变成蓝色。
3、超级链接的几种状态，具体代码如下所示：
a:link{color:#FF0000；} /*未访问的链接状*/
a:visited{color:#00FF00；} *已访问的链接状态*/
a:hover {color:#FFO0FF；} /*鼠标悬停到链接上的状态*/
a:active {color:#0000FF；} /*被激活的链接状态*/
a 是超级链接，a:link{} 只对超级链接有效果，所以这四种状态分别是访问未知的超级链接，就是本身是超级链接状态，但是鼠标没有点，就是默认看到的样子，鼠标经过就是 hover，鼠标经过会变一个状态，这种突发的事件，active 是被激活时的状态，就是鼠标按住不撒手时候的状态，visited 就是已经看过了，浏览过，点击过的状态
4、加一个样式表，内嵌的，在下面写一个 div 标签，写一个超级链接，a 里面有个 href=#，看一下网页，默认的状态。
这时想改变它的状态，输入 a：link，加一个超级链接的状态 font-size：30px，本身的链接变的大一点 30px ，刷新一下，超级链接就变大了。
如果同时在页面上再写一个我不是连接，刷新一下可以看到，我不是连接没有变化，是链接的就变了。
第二种状态 a：hover，让它里面的颜色变成红色，a：link 的颜色变成绿色，刷新，鼠标经过就变成红色的。
也可以把文字改变大小，填东西，随时都可以处理，比如鼠标经过，链接变大，它只要是有内容的就可以。比如写一个背景颜色。刷新。鼠标经过背景颜色变成黑色，字体颜色变成红色。就是在一个伪类里面配置想要的效果，只要触发它显示的意思即可。
A：active 鼠标按住时的状态，为了清楚的显示，像素变成 40，改变了样式一定要刷新，按住鼠标看，字体明显变大。
a：visited 是已经被看过的状态。
完整代码如下：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
a: link {
font-size: 30px;
}
a: hover {
background: #000000;
color: red;
}
a: active {
font-size: 40px;
}
a: visited {
color:cornflowerblue;
}
</style>
</head>
<body>
<div><a href="#"> 连接下个页面</a></div>
<div>我不是链接 </div>
</body>
</html>
