有时对伪类和伪元素傻傻分不清楚，觉得它们很相似，但又有哪里不同，所以做了一个小结，希望能帮到有需要的人
1个相同点：都是被添加到一个选择器末尾的关键字
2个不同点：
① 伪类是以1个冒号(:)作为前缀被添加到选择器末尾的关键字；伪元素是以2个冒号(::)作为前缀被添加到选择器末尾的关键字
② 如果伪类你用了2个冒号，不会报错，但也不会生效，比如 ::hover；
但伪元素你用1个或2个冒号不会报错且有效，比如，:before，::before
注：建议按照W3C标准伪元素用2个冒号，1个冒号有效果是因为向前兼容，让老的浏览器也能支持
附：伪类和伪元素