css伪元素选择器和伪类选择器的区别和作用？

常用伪元素选择器

::before 在元素后面添加

::after  在元素前面添加

常用伪类选择器

:hover 鼠标悬停的样式

:active 激活的样式

他们的区别是伪元素选择器赏给元素的前后添加元素和样式，并且在文档结构中不会存在，而伪类选择器是给元素添加样式，并不会添加元素

总结： 伪类是通过在元素选择器上加⼊伪类改变元素状态，⽽伪元素通过对元素的操作进⾏对元素的改变。