伪元素和伪类的区别

伪类 - pseudo classes
CSS3定义：伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。

伪元素 - Pseudo-elements
CSS3定义：伪元素在DOM树中创建了一些抽象元素，这些抽象元素是不存在于文档语言里的（可以理解为html源码）。比如：documen接口不提供访问元素内容的第一个字或者第一行的机制，而伪元素可以使开发者可以提取到这些信息。并且，一些伪元素可以使开发者获取到不存在于源文档中的内容。

总结一下伪类与伪元素的特性及其区别：

1.伪类本质上是为了弥补常规CSS选择器的不足，以便获取到更多信息；
2.伪元素本质上是创建了一个有内容的虚拟容器；
3.CSS3中伪类(:)和伪元素(::)的语法不同；
4.可以同时使用多个伪类，而一个选择器只能同时使用一个伪元素；

转自博客园[https://www.cnblogs.com/ihardcoder/p/5294927.html]