偽元素和偽類的區別

總結

  • 偽類用于當已有元素處于的某個狀態時,為其添加對應的樣式,這個狀態是根據用戶行為而動態變化的。比如說,當用戶懸停在指定的元素時,我可以通過:hover來描述這個元素的狀態。雖然它和普通的CSS類相似,可以為已有的元素添加樣式,但是他只有處于dom樹無法描述的狀態下才能為元素添加樣式,所以將其稱為偽類

  • 偽元素用于創建一些不在文檔樹種的元素,并為其添加樣式。比如說,我們可以通過:before來在一個元素前增加一些文本,并為這些文本添加樣式。雖然用戶可以看到這些文本,但是這些文本實際上是不在文檔樹中。

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容