:before 和 :after 這兩個偽元素,是在CSS2.1里新出現(xiàn)的。
(推薦教程:css快速入門)
起初,偽元素的前綴使用的是單冒號語法,但隨著Web的進化,在CSS3的規(guī)范里,單冒號表示偽類,偽元素的語法被修改成使用雙冒號,成為::before ::after。偽元素并不存在與dom中,只存在于頁面之中。
作用:
::after用來創(chuàng)建一個偽元素,作為已選中元素的最后一個子元素。通常會配合content屬性來為該元素添加裝飾內(nèi)容。這個虛擬元素默認(rèn)是行內(nèi)元素。
::before 創(chuàng)建一個偽元素,其將成為匹配選中的元素的第一個子元素。