WXSS选择器::after,::before，您肯定不知道的！（框架细节七）

以初学者的视角看问题，欢迎各路大神纠错和指点，谢谢！
之前自己求助过此问题，一直没人回答，于是自己解决了，现分享下！~
其实很简单！

官方文档如下图（class,id,element都能看懂，重点说画红框的）

做了个小小的例子，看看就知道了。（效果如下图）

//WXML代码    
<view class="container log-list">
        <text id="txt1">文本内容</text>
        <text id="txt2">一个图标</text>
</view>

//WXSS代码
#txt1:after {  
  content:"（abc）";
  font-size:25rpx;
  color:red 
  }

#txt1:before {  
  content:"前边内容->";
  font-size:25rpx;
  color:blue;
  background-color:yellow 
  }

#txt2:after {  
    content: url(https://mp.weixin.qq.com/debug/wxadoc/gitbook/images/search@1x.png); 
  }