其中伪类和伪元素的根本区别在于:它们是否创造了新的元素。
伪元素/伪对象:不存在在DOM文档中,是虚拟的元素,是创建新元素。代表某个元素的子元素,这个子元素虽然在逻辑上存在,但却并不实际存在于文档树中。
伪类选择符

再看看W3C中对于二者应用的描述:
举个栗子:

如果我们想要第一个p标签字体颜色变红怎么做呢 使用伪类就会很简单:

但是如果不用伪类我们怎么做呢? 这时我们就需要为第一个p标签添加一个类class

可以实现同样的效果,但是需要多写一个类
如果使用伪元素该如何实现上述操作呢?

如果不用伪元素我们怎么做呢?

可以看出二者区别了,
伪类的效果可以通过添加实际的类来实现
伪元素的效果可以通过添加实际的元素来实现
所以它们的本质区别就是是否抽象创造了新元素

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/203194.html原文链接:https://javaforall.net
