伪元素和伪类的区别

伪元素和伪类都是CSS中的特殊选择器，它们都可以用于样式定制，但它们的用途和工作方式有所不同。

伪元素是CSS的一部分，它可以操作HTML中的某个特定部分，我们可以使用伪元素来改变span标签内的文字颜色，伪元素的选择器以"::"开头，后跟一个冒号和元素类型。::before和：:after就是两个伪元素选择器。

伪类则是对用户交互进行响应的CSS选择器，我们可以使用：hover伪类让鼠标悬停在某个元素上时改变其颜色或样式，伪类的选择器以":("开头。

伪元素是在DOM结构级别上操作元素，而伪类是在用户交互级别上操作元素。