CSS偽元素是用來添加一些選擇器的特殊效果。

一般使用是

?類或者id::after , 類或者id::before

::after是在類的后面處理邏輯

::before 是在先的前面處理邏輯

?它們 都有一個共同的元素content 可以在里面定義要添加的內容

?不如要實現 "當前定位城市為上海,是否要需要"

?假如這里城市是你獲取當前定位的城市??

? 那么這里上海前后的文字使用偽元素添加就是一種比較不錯的選擇,當然其他方法也行

?這里以小程序為例代碼如下

wxml

     <view><text class='city'>{{city}}</text></view>

wxss

.city::before{content: "當前定位城市為"
}.city::after{content: ",是否要需要"
}

當然也需要參考我寫一個另一邊博客 文字兩邊添加橫線

地址,地址,點擊跳轉過去..................

總結

以上是生活随笔為你收集整理的css 伪元素::after与::before的使用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。