伪类（不存在的类，特殊的类）

　　常用伪类

　　  作用：伪类用来描述一个元素的特殊状态

　　　　　比如：第一个子元素、被点击的元素、鼠标移入的元素...

　　用法：伪类一般情况下都是使用  :  开头

　　　　　 :first-child 第一个子元素

　　　　　 :last-child 最后一个子元素

　　　　　 :nth-child() 选中第n个子元素

　　　　　　　　特殊值：

　　　　　　　　　　n 第n个  n的范围0到正无穷

　　　　　　　　　　2n 或 even 表示选中偶数位的元素

　　　　　　　　　　2n+1 或 odd 表示选中奇数位的元素

　　　　　　- 以上这些伪类都是根据所有的子元素进行排序

　　　　　:first-of-type 

　　　　　:last-of-type 

　　　　　:nth-of-type() 

　　　　　　 -以上这些伪类的功能和上述的类似，不同点在于他们是同类型元素中进行排序

　　　　　:not() 否定伪类

　　　　　　-将符合条件的元素从选择器中去除

　　超链接伪类

　　　　　     :link

　　　　　　作用：用来表示没访问过的链接（正常的链接）

　　　　　　用法：a:link{ color: red; }

　　　　　:visited

　　　　　　作用：用来表示访问过的链接(由于隐私的原因，所以visited这个伪类只能修改链接的颜色)

　　　　　　用法：a:visited{ color: red; }

　　　　　:hover

　　　　　　作用：用来表示鼠标移入的状态

　　　　　　用法：a:hover{ color: red; font-size:50px; }

　　　　　:active

　　　　　　作用：用来表示鼠标点击

　　　　　　用法：a:active{ color: red; }

伪元素（不存在的类，特殊的类）

　　　　　　作用：表示页面中一些特殊的并不真实的存在的元素（特殊的位置）

　　　　  用法：为元素使用 :: 开头

　　　　　　　　::first-letter  表示第一个字母

　　　　　　　　::first-line  表示第一行

　　　　　　　　::selection  表示选中的内容

　　　　　　　　::before  元素的开始

　　　　　　　　::after  元素的最后

　　　　　　　　　　- ::before 和 ::after 必须结合content属性来使用

　　　　　　　　　　例如：div::after{ content: ‘abc‘;  color: red; }//表示在div元素的最后增加红色的字符abc

伪类和伪元素

原文：https://www.cnblogs.com/Davidtuzki/p/14485059.html