【前端】伪类与伪元素区别

作为一个后端的开发人员且资历尚且，一直难以找到一个点去区分伪类和伪元素。直到在segmentfault网站上看到一篇相关文章，伪类和伪元素的区别是：

伪类的效果可以通过添加一个实际的类来达到，而伪元素的效果则需要通过添加一个实际的元素才能达到，这也是为什么他们一个称为伪类，一个称为伪元素的原因。

文章给出了demo，对于更多的情况会在以后的前端开发中来验证。
至于伪类的效果一定只能通过添加一个实际的类来达到吗，对于文章中的例子，其实也可以在i标签中嵌套一个span标签来得到相同的效果，毕竟span标签可以嵌套在任何文本外面，但是关键是我们没必要这么做。以后遇到到底是用伪元素还是伪类来实现效果就可以这样判断：你可以用一个实际的类来达到这种效果吗，不能那么用伪元素.

原文链接