5，伪类选择器
超链接有四种状态，不同状态下的样式怎么设置？
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接（点击鼠标不松开） */
和CSS类搭配
.red : visited {color: #FF0000}
注意1：
link和visited时候超链接的伪类
hover和active不止可以对超链接使用，别的html元素也可以
注意2：
超链接伪类顺序
link visted hover active
其他伪类
:first-child 伪类（选择元素的第一个子元素）
使用F12工具查看网页指定部分的代码
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>伪类选择器</title>
<style type="text/css">
/* a{
color:green;
} */
a:link{
color:yellow;
}
a:hover{
color:red;
font-size:20px;
}
a:active{
color:#008000;
font-size:10px;
}
a:visited{
color:burlywood;
}
</style>
</head>
<body>
1，正常状态；2，鼠标移上；3，鼠标按下，不抬起；4，被点击过，被打开过
<a href="https://www.baidu.com">GoTo百度</a>
<a href="https://www.sikiedu.com?564452152">SiKi学院</a>
<a href="https://www.taobao.com">淘宝</a>
</body>
</html>
