[css] pseudo-class與pseudo-element有什么區別？

偽類表示已存在的某個元素處于某種狀態，但是通過dom樹又無法表示這種狀態，就可以通過偽類來為其添加樣式。例如a元素的:hover, :active等偽元素主要是用來創建一些不存在原有dom結構樹種的元素，例如：用::before和::after在一些存在的元素前后添加文字樣式等，這些被添加的內容會以具體的UI顯示出來，被用戶所看到的，這些內容不會改變文檔的內容，不會出現在DOM中，不可復制，僅僅是在CSS渲染層加入。CSS3中建議使用::表示偽元素，如：div::before。

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[css] pseudo-class与pseudo-element有什么区别？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。