CSS中伪类和伪对象（伪元素）有何本质区别？

本文共计1991个文字，预计阅读时间需要8分钟。

伪类用于向某些选择器添加特殊效果；伪元素用于向某些选择器添加特殊效果。伪类的效果可通过添加实际的类来实现；伪元素的效果可通过添加实际的元素来实现。

伪类是用于向某些选择器添加特殊效果的；伪元素是用于将特殊的效果添加到某些选择器的。伪类的效果可以通过添加实际的类来实现；伪对象的效果可以通过添加实际的元素来实现。简单来说，它们的本质区别为是否抽象创造了新元素。

本教程操作环境：windows7系统、CSS3版、Dell G3电脑。

其中伪类和伪元素（伪对象）的根本区别在于：它们是否创造了新的元素。

伪元素/伪对象：不存在在DOM文档中，是虚拟的元素，是创建新元素。代表某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。

伪对象选择符

Properties
属性CSS Version
版本Inherit From Parent
继承性Description
简介E:first-letter/E::first-letterCSS3/CSS1无CSS2/CSS1 E:first-letter/E::first-letter 伪对象选择符，设置对象内的第一个字符的样式。E:first-line/E::first-lineCSS3/CSS1无CS3/CSS1 伪对象选择符 E:first-line/E::first-line，设置对象内的第一行的样式。