伪元素和伪类的区别？

伪类是选择器：p:hover{}  表示对a匹配

为元素：p::first-line 相当于对p的第一行设置了一个子标签，对这个子标签即第一行进行操作，但是是虚拟的

还参考着我的图片来说吧，第一个框里面是使用伪类选择的第一个li，它的作用是选择器，在dom上这个节点是存在的。第二个框里面是往ul里面追加了一个li，还给这个li添加了样式，在页面内它是表现为第四个li，但是在dom中他是不存在的，即为伪造的元素，只有表现，没有存在的位置