Question

伪类和伪元素的区别是什么?

Answer 1

伪类和伪元素的区别是它们是否创造了新的元素，这个新创造的元素就叫伪元素。伪元素不存在在DOM文档中，是虚拟的元素，是创建新元素，这个伪元素是某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中。

伪类和伪元素的区别

伪类是类似于添加类所以可以是多个，而伪元素在一个选择器中只能出现一次，并且只能出现在末尾，可以同时使用多个伪类，而只能同时使用一个伪元素，CSS3中伪类和伪元素的语法不同，伪类link，hover，伪元素before，after。

相同点都可以用来表示伪类对象，用来设置对象前的内容，before和before写法是等效的，after和after写法是等效的。不同点beforeafter是Css2的写法，beforeafter是Css3的写法，所以css2的要比css3的兼容好，beforeafter的兼容性要比beforeafter好。

在H5开发中建议使用beforeafter比较好，注意伪对象要配合content属性一起使用，伪对象不会出现在DOM中，所以不能通过js来操作，仅仅是在CSS渲染层加入，伪对象的特效通常要使用hover伪类样式来激活。