- 相同點(diǎn):
都是屬于選擇器中的一種,能實(shí)現(xiàn)對(duì)于頁(yè)面元素的修飾
- 不同點(diǎn):
- 1、概念不同:偽類(lèi):用于已有元素處于某種狀態(tài)時(shí)為其添加對(duì)應(yīng)的樣式,這個(gè)狀態(tài)是根據(jù)用戶(hù)行為而動(dòng)態(tài)變化的;例如鼠標(biāo)的懸停效果;偽元素:用于創(chuàng)建一些不在DOM樹(shù)中的元素,并為其添加樣式;例如:先前向后插入元素內(nèi)容等等。
- 2、使用方法不同:css3規(guī)范中要求使用雙冒號(hào)(::)表示偽元素,以此來(lái)區(qū)分偽類(lèi)和偽元素,比如::before和::after等偽元素使用雙冒號(hào)(::),:hover和:active偽類(lèi)使用單冒號(hào)(:)目前來(lái)看有一部分瀏覽器為了達(dá)到一個(gè)更好的兼容性的問(wèn)題,我們的雙冒號(hào)也可以寫(xiě)成單冒號(hào);但是在一些低版本瀏覽器里面有些時(shí)候還是需要使用雙冒號(hào)的。