首先你要知道css中有伪类和伪元素, 伪类: 比如说 a标签 :hover 给你显示下划线, 提醒你这是个链接; 伪元素: 比如input的::placeholder这样的,修改样式
我们可以通过伪类和伪元素去简化我们的页面编写难度
区别
为什么要分成伪类和伪元素呢?
伪类: 就是这个元素的一个状态 比如 :active :checked :empty, 都是当这个元素的一个状态.
那伪元素又是什么呢?
你需要创建一个新的元素才能完成的样式,也就是说,如果你不用伪元素,你需要信创建一个元素才能完成这样的效果;
比如::after 和::before作用是在元素前后添加内容和样式, 对于伪元素 css提供了一个content属性 可以在css中对伪元素添加内容, 可以看这里我写的一个小例子:http://codepen.io/broven/pen/mWmVGV?editors=1100 (还没有搞清楚简书如何嵌入)
