伪类和伪对象相信大家经常听到，有一部分同学会把这俩个搞混淆，其实我本人有时候也会。今天特地梳理了一下，
下面一一列出，看完后相信对这俩会有比较清晰的区分
| 伪类 | 用途 |
| :link | a连接标签的未被访问的样式 |
| :hover | 随想在鼠标移上时的样式 |
| :active | 对象被用户点击及被点击释放之间的样式 |
| :visited | a链接对象被访问后的样式 |
| :focus | 对象成为输入焦点时的样式 |
| :first-child | 对象的第一个子对象的样式 |
| :first | 对于页面的第一页使用的样式 |
| 伪对象 | 用途 |
| :after | 设置某个对象之后的内容 |
| :first-letter | 对象内的第一个字符的样式设置 |
| :first-line | 对象内的第一行的样式设置 |
| :before | 设置某个对象之前的内容 |