WXSS選擇器::after,::before，您肯定不知道的！（框架細(xì)節(jié)七）
- • 發(fā)表于 9年前
- • 作者 Roluce
- • 15027 人瀏覽
- • 4 條評(píng)論
- • 最后編輯時(shí)間 9年前
- • 來自 [技 術(shù)]
原創(chuàng)聲明:本文為作者原創(chuàng)，未經(jīng)允許不得轉(zhuǎn)載，經(jīng)授權(quán)轉(zhuǎn)載需注明作者和出處
以初學(xué)者的視角看問題，歡迎各路大神糾錯(cuò)和指點(diǎn)，謝謝！
之前自己求助過此問題，一直沒人回答，于是自己解決了，現(xiàn)分享下！~
其實(shí)很簡(jiǎn)單！
官方文檔如下圖（class,id,element都能看懂，重點(diǎn)說畫紅框的）
做了個(gè)小小的例子，看看就知道了。（效果如下圖）
//WXML代碼
<view class="container log-list">
<text id="txt1">文本內(nèi)容</text>
<text id="txt2">一個(gè)圖標(biāo)</text>
</view>
//WXSS代碼
#txt1:after {
content:"（abc）";
font-size:25rpx;
color:red
}
#txt1:before {
content:"前邊內(nèi)容->";
font-size:25rpx;
color:blue;
background-color:yellow
}
#txt2:after {
content: url(https://mp.weixin.qq.com/debug/wxadoc/gitbook/images/search@1x.png);
}
共4條評(píng)論
Ctrl+Enter
