以初學者的視角看問題，歡迎各路大神糾錯和指點，謝謝！
之前自己求助過此問題，一直沒人回答，于是自己解決了，現分享下！~
其實很簡單！

官方文檔如下圖（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); 
  }