伪元素和伪类的介绍

先引入个问题

伪类 和 伪元素分别是什么？

img1.png

看看下面2个图你就清楚了：

伪类.png

伪元素.png

F558AFAC9E0D5268E5AA165B231D46D8.png

:before 和 ::before 有区别吗？
答：如果你的网站只需要兼容 webkit、firefox、opera 等浏览器，建议对于伪元素采用双冒号的写法，如果不得不兼容 IE 浏览器，还是用 CSS2 的单冒号写法比较安全。

更加具体的信息，可以看看** MDN **对伪类和伪元素的理解。