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