CSS伪元素和伪类的区别

CSS伪元素和伪类的区别

伪类选择符

伪元素/伪对象选择符

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

通俗的说：
伪类的效果可以通过添加实际的类来实现。
伪元素的效果可以通过添加实际的元素来实现。
所以它们的本质区别就是是否抽象创造了新元素

注意：
伪类只能使用“：”
而伪元素既可以使用“:”，也可以使用“::”（推荐）
因为伪类是类似于添加类所以可以是多个，而伪元素在一个选择器中只能出现一次，并且只能出现在末尾