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