1. 偽元素使用場景

偽元素一般是用于畫圖,特別是那種無關(guān)緊要的分隔線、點之類的小元素,如下圖的綠框所示:
平面設(shè)計培訓(xùn),網(wǎng)頁設(shè)計培訓(xùn),美工培訓(xùn),游戲開發(fā),動畫培訓(xùn)

上面第一張圖的分隔線,就是用before畫的。只需要給div套一個類,這個類寫一個before,那么相應(yīng)的div就會帶上分隔線,而不用每加一個內(nèi)容,就得手動添加一個span來畫那個分隔線。

2. 什么是偽元素

偽元素是一個元素的子元素,并且它是inline行內(nèi)元素。給一個標(biāo)簽加上before和after,用瀏覽器檢查:

平面設(shè)計培訓(xùn),網(wǎng)頁設(shè)計培訓(xùn),美工培訓(xùn),游戲開發(fā),動畫培訓(xùn)

可以看到before成為了這個標(biāo)簽的第一個子元素,而after成為了它的最后一個子元素。

延伸閱讀

學(xué)習(xí)是年輕人改變自己的最好方式-Java培訓(xùn),做最負責(zé)任的教育,學(xué)習(xí)改變命運,軟件學(xué)習(xí),再就業(yè),大學(xué)生如何就業(yè),幫大學(xué)生找到好工作,lphotoshop培訓(xùn),電腦培訓(xùn),電腦維修培訓(xùn),移動軟件開發(fā)培訓(xùn),網(wǎng)站設(shè)計培訓(xùn),網(wǎng)站建設(shè)培訓(xùn)學(xué)習(xí)是年輕人改變自己的最好方式