css中伪类和伪元素的区别

1.css中的伪类：

伪类是基于当前元素所处的状态，也就是当前元素所具有的特性而不是元素的id、class等静态的标志。

常见的伪类类型和作用：

(转自w3c)

2.css中的伪元素：

伪元素是对元素中的特定内容进行操作，伪元素所操作的层次比伪类更深了一层。伪元素控制的内容实际上和元素是相同的，但是伪元素本身只是基于元素的抽象。

(转自w3c)

3.伪元素中的before和after

:before，在元素之前插入某些内容。

:after，在元素之后插入某些内容。

注意：这里所说的前后并不是位置上的前后，而是文档流里面的前后。所以after最常见的一种用法就是用于清除浮动带来的影响。