css伪元素研究（::before/::after）

::before/::after和:before/:after实质上效果一样

不过，在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号，因此如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后，建议按照标准双写。过于老的浏览器可能会存在支持问题，不过伪元素大多是配合 CSS3 使用。

参考：http://justcoding.iteye.com/blog/2032627

中间一般用的最多的是content，可以是文字content: ''，也可以是资源content: url()。

不过经过测试，当为资源时，是无法设置大小的，所以，推荐用background去设置。

参考：https://segmentfault.com/q/1010000005664873

更多的用法研究参考：

http://www.w3school.com.cn/cssref/pr_gen_content.asp

http://justcoding.iteye.com/blog/2032627

http://www.cnblogs.com/ys-ys/p/5092760.html