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