CSS伪类是指用来添加一些选择器的特殊效果。
伪类列表元素
常用于列表的几个伪类元素我们需要知道的有：
:first-child：选取列表中的第一个元素；:last-child：选取列表中的最后一个元素；:nth-child()：指定我们需要选取的元素，括号内的值可以是数字，自变量为n的表达式以及even或者是odd（也就是奇偶数）。
<style>
li{
font-size: 28px;
list-style: none;
}
li:first-child{
color: green;
font-weight: bold;
}
li:last-child{
color: red;
font-weight: bold;
}
li:nth-child(3){
color: #0000FF;
font-weight: bold;
}
</style>
<ul>
<li>eoeo</li>
<li>monster</li>
<li>fire</li>
<li>lucky</li>
<li>tracer</li>
</ul>
pseudo1.png
伪类链接元素
:link：未访问的链接，链接默认状态:visited：已经访问过的链接:active：获得焦点，链接激活的状态:hover：鼠标放到链接上显示的状态
简单实例：
a:link{
color: red;
text-decoration: none;
}
a:visited{
color: purple;
text-decoration: line-through;
}
a:hover{
color: green;
text-decoration: underline;
}
a:active{
color: blue;
text-decoration: overline;
}
<ul>
<li><a href="https://www.baidu.com/">百度一下</a></li>
<li><a href="http://hxke.com/">好学课堂</a></li>
<li><a href="#">鲸设网</a></li>
<li><a href="https://www.9xkd.com/">侠课岛</a></li>
</ul>
preudo_href.png
