伪元素在CSS3之前的版本就已经存在，只是没有伪元素的说法，都是归纳为伪类，比如常用的:before和:after，分别表示的元素content区域的前面和后面；到了CSS3才正式区分拟定出来叫伪元素

伪元素和伪类的根本区别在于：
伪类表示被选择元素的某种状态
伪元素表示的是被选择元素的某个部分，这个部分看起来像一个独立的元素，但是是"假元素"，只存在于css中，所以叫"伪"的元素

由于伪类和伪元素存在较多，为了方便记忆，我将常用的伪元素和伪类梳理如下图：

伪类和伪元素.png