在css标签中有这样子的标签div:before、div:after，对于before、after来说有部分人是相当陌生的，那么这两个标签是什么呢？有什么用处？
:befor、:after是CSS的伪元素，用CSS手册可以查询到其基本的用法：
E::before 设置在对象前（依据对象树的逻辑结构）发生的内容。用来和content属性一起使用
E::after 设置在对象后（依据对象树的逻辑结构）发生的内容。用来和content属性一起使用Ie6-7 不支持
html body div.a就是html里面的body里面的div里面的类a
就像下面这种：
<html>
<body>
<div><p class="a" /></div>
</body>
</html>
单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素。伪元素由双冒号和伪元素名称组成。双冒号是在css3规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after等。
对于CSS2之前已有的伪元素，比如:before，单冒号和双冒号的写法::before作用是一样的。
提醒，如果你的网站只需要兼容webkit、firefox、opera等浏览器，建议对于伪元素采用双冒号的写法，如果不得不兼容IE浏览器，还是用CSS2的单冒号写法比较安全
前两天看 文档 看到选择器那块儿的时候，前面4个基本都能理解： .class ， #id ， element ， element, element ，但后面两个 ::after 和 ::before （文档中说，分别表示在view 组件的后面和前面插入内容），表示有点没有理解。于是上网仔细查了下。以下是笔记 wxml wxss js 效果 其实，after和before可以添加的不仅仅是像上面这种字符串，以下是可以添加的常用的内容具体的请参考这篇文章
