一 伪类：
当用户悬停在指定元素时，可以通过:hover来描述这个元素的状态，虽然它和一般CSS相似，可以为已有元素添加样式，但是它只有处于DOM树无法描述的状态下才能为元素添加样式
元素状态
:link，:visited，:hover ，:active，:focus
表单相关的：:checked， :read-only，:read-only
结构化：:first-child，:fisrt-clild，:last-child，:first-of-type，:last-of-type，:nth-child，:nth-last-child，:nth-of-type，:nth-last-of-type，:target
伪类.png
二伪元素：
做一些装饰类的小图标的时候，可以使用伪元素。
伪元素.png
区别： 伪类是一种状态，可以看看做是选择器。比如鼠标经过 伪类 :hover , 比如 结构伪类 li:[nth-child]， 一个冒号，伪元素是元素，简单来说，就是用css模拟出来一个盒子
伪类：用于已有元素处于某种状态时为其添加对应的样式。
伪元素：用于创建一些不在DOM树中的元素。
