小程序点击事件catchtab点击无反应的，失效

1 代码

home.wxml:
  <div class="trend">
    <dd catchtap="gocfjSearchPage"  >
                  <div class="price"><i>47512</i>元/m²</div>
    </dd>
    </div>

home.wxss:
.trend{position:relative;height:160rpx;background:linear-gradient(360deg,rgba(255,252,247,1) 0%,rgba(255,244,243,1) 100%);}
.trend:before{content:'';position:absolute;left:0;top:0;width:200rpx;height:66rpx;background:url(https://www.baidu.com//images/v2/trend_bg2.png) no-repeat;background-size:100%;}
.trend:after{content:'';position:absolute;right:0;bottom:0;width:235rpx;height:110rpx;background:url(https://www.baidu.com//images/v2/images/v2/trend_bg1.png) no-repeat;background-size:100%;}

原因

小程序中不支持下面的伪代码
.trend:before 和.trend:after
这写伪代码，影响内部的点击 事件。去调这些伪代码，点击事件就生效了