偽元素「::after」和「::before」的作用分別是什麼

:before 和 :after 這兩個偽元素，是在CSS2.1裡新出現的。

（推薦教學：css快速入門）

起初，偽元素的前綴使用的是單冒號語法，但隨著Web的進化，在CSS3的規範裡，單冒號表示偽類，偽元素的語法修改成使用雙冒號，成為::before ::after。偽元素並不存在與dom中，只存在於頁面之中。

作用：

::after用來建立一個偽元素，作為已選取元素的最後一個子元素。通常會配合content屬性來為該元素添加裝飾內容。這個虛擬元素預設是行內元素。

::before 建立一個偽元素，其將成為匹配選取的元素的第一個子元素。

以上是偽元素「::after」和「::before」的作用分別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！