before和after这两个伪类元素分别表示元素内容的【前】【后】，利用这两个伪元素可以在元素内容的前后添加内容，其实这没有什么前后的概念，如果应用了absolute的特性之后，你可以把这些伪元素放在任何位置，有了这两个伪元素，就代表每个元素都有两个助手可供使用，灵活运用它们的话将会得到很多有趣的实现，简化许多实现。
它不存在于文档中，所以js无法操作它
它属于主元素本身，有些伪类仅仅是代表元素内容的一部分，譬如:first-letter代表第一个字母；因此当伪元素被点击的时候触发的是主元素的click事件
块级元素才能有:before, :after，譬如img就不能设置，亦即某些元素是没有:before, :after的，只要知道一般的块级元素都可以用就行了
注意在css3中，为了与伪类区分，伪元素前应该使用两个冒号，即:hover伪类，::before伪元素。当然为了向下兼容，用一个冒号也是可以的，不过建议尽量使用规范的写法。
如果想详细了解，请链接 http://imweb.io/topic/554039a673d4069201d83e59 ！！！！