相同点

都表示伪类对象，写法等效

不同点

1. :before是C2的写法，后者是C3的写法

2. :before要比 ::before的兼容性好，H5开发建议用::before

1.伪类对象配合content属性使用

2.伪类对象不会出现在DOM中，不能用JS操做，是在CSS渲染层加入

3.伪类对象特效通常要加:hover伪类样式才出现

代码 效果