伪类

伪类

什么是伪类，官方介绍：CSS 伪类用于向某些选择器添加特殊的效果。
嗯，真的很官方。接下来就说说伪类有哪些吧

首先伪类大致分为两种：UI伪类和结构化伪类。UI伪类会在HTML元素处于某种状态时，去应用相应的CSS样式；而结构化伪类，一般都是用来对子元素的选择，然后再应用相关的CSS样式

UI伪类：
a.链接伪类

a:link {color: #FF0000}		/* 未访问的链接 */
a:visited {color: #00FF00}	/* 已访问的链接 */
a:hover {color: #FF00FF}	/* 鼠标移动到链接上 */
a:active {color: #0000FF}	/* 选定的链接 */

要注意一点，以上伪类单独只使用一个是没什么顾忌的，但是同时运用的话要注意是上面的顺序，要注意是上面的顺序，要注意是上面的顺序。不然会出现样式无效的灵异事件

b.focus伪类
这个比较简单就是获得焦点后的样式

c.target伪类
用来匹配文档(页面)的URI中某个标志符的目标元素。
就是一个链接，是指向某个元素的，那么这个时候我们用：target伪类就能够拿到它指向的这个元素，从而修改它被选中时的样式。

结构化伪类：
结构化伪类说白了也就是CSS选择器的运用，功能十分强大。

a. :first-child和:last-child。顾名思义就是选择同级元素中的第一个元素和最后一个元素
b. :nth-child（）和:nth-last-child（）。表示选择一组列表项中的第几个元素
c. :nth-of-type 和:nth-last-of-type。表示选择同级并且是相同类型元素中的第几个元素
d. :not（）。表示除去哪个，选择其余的元素。

先记录到这，如果有学到更多，后续再更新