1. 偽元素使用場(chǎng)景
偽元素一般是用于畫圖，特別是那種無關(guān)緊要的分隔線、點(diǎn)之類的小元素，如下圖的綠框所示：
上面第一張圖的分隔線，就是用before畫的。只需要給div套一個(gè)類，這個(gè)類寫一個(gè)before，那么相應(yīng)的div就會(huì)帶上分隔線，而不用每加一個(gè)內(nèi)容，就得手動(dòng)添加一個(gè)span來畫那個(gè)分隔線。
2. 什么是偽元素
偽元素是一個(gè)元素的子元素，并且它是inline行內(nèi)元素。給一個(gè)標(biāo)簽加上before和after，用瀏覽器檢查：
可以看到before成為了這個(gè)標(biāo)簽的第一個(gè)子元素，而after成為了它的最后一個(gè)子元素。
