522 解讀僞類和僞元素

僞類

⽤于當已有元素處于的某個狀态時，為其添加對應的樣式，這個狀态是根據⽤戶⾏為⽽動态變化的。

⽐如說，當⽤戶懸停在指定的元素時，我們可以通過:hover來描述這個元素的狀态。雖然它和普通的

css類相似，可以為已有的元素添加樣式，但是它隻有處于dom樹⽆法描述的狀态下才能為元素添加

樣式，是以将其稱為僞類。

僞類存在的意義是為了通過選擇器，格式化DOM樹以外的資訊以及不能被正常CSS選擇器擷取到的

資訊。

僞元素

⽤于建立⼀些不在⽂檔樹中的元素，并為其添加樣式。⽐如說，我們可以通過:before來在⼀個元素

前增加⼀些⽂本，并為這些⽂本添加樣式。雖然⽤戶可以看到這些⽂本，但是這些⽂本實際上不在⽂

檔樹中。

僞元素可以建立⼀些⽂檔語⾔⽆法建立的虛拟元素。⽐如：⽂檔語⾔沒有⼀種機制可以描述元素内容

的第⼀個字⺟或第⼀⾏，但僞元素可以做到(::first-letter、::first-line)。同時，僞元素還可以建立

源⽂檔不存在的内容，⽐如使⽤ ::before 或 ::after

差別