偽元素被用于在元素的內(nèi)容和元素本身之間添加樣式。通常用于添加特殊的效果,例如在某個(gè)元素前面或后面添加特殊符號(hào)或圖標(biāo)。
p::before { content: "?"; color: red; font-size: 20px; margin-right: 5px; } p::after { content: "??"; color: pink; font-size: 20px; margin-left: 5px; }
如上代碼,我們使用了行內(nèi)css的方式來(lái)為p標(biāo)簽添加了before和after偽元素。before偽元素在元素的內(nèi)容前添加了一個(gè)紅色的星星,after偽元素在元素的內(nèi)容后添加了一個(gè)粉色的心形符號(hào)。
需要注意的是,before和after偽元素只能用于有內(nèi)容的元素上。偽元素的content屬性則控制了添加的文本或字符。