首頁 > web前端 > css教學 > 偽元素「::after」和「::before」的作用分別是什麼

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

王林
發布: 2020-07-11 17:17:36
轉載
4120 人瀏覽過

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

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

(推薦教學:css快速入門

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

作用:

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

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

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

相關標籤:
來源:cnblogs.com
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板