| 特點 | 偽類 | 偽元素 |
|---|---|---|
| 用途 | 選擇元素的狀態或基於結構選擇元素 | 建立虛擬的內容，操作元素的某些部分 |
| 語法 | 使用單個冒號 (😃 | 使用雙冒號 (:😃 |
| 生成內容 | 不生成新內容，只應用樣式 | 可以生成並操作新內容 |
| 常見示例 | :hover, :focus, :nth-child() | ::before, ::after, ::first-line |
::before 和 :before 都是 CSS 中的偽元素，主要區別在於語法規範，而它們的功能和表現上基本是一樣的。
[CSS] 偽元素和偽類，::before 和 :before 區別
相關文章
- 偽元素 before 和 after 初探
- 理解偽元素 :before 和 :after
- css偽元素（before與after）CSS
- 瞭解css中偽元素 before和after的用法CSS
- css偽類和偽元素CSS
- CSS E::before 偽元素選擇符CSS
- 偽元素和偽類的區別總結
- css3偽元素選擇器before 和 after 的使用CSSS3
- CSS3偽類和偽元素CSSS3
- CSS偽元素詳解以及偽元素與偽類的區別CSS
- js如何控制css偽元素內容（before，after）JSCSS
- CSS偽類與偽元素選擇器區別CSS
- 偽類和偽元素
- CSS偽類與CSS偽元素的區別及由來CSS
- css3 中的偽類和偽元素CSSS3
- 偽類與偽元素的區別
- 一次弄懂CSS的偽類和偽元素CSS
- 06-偽類和偽元素
- #07你認真學了css？偽類和偽元素CSS
- 利用:before和:after偽類製作CSS3 圓形按鈕 含demoCSSS3
- HTML表單及CSS選擇器、偽類和偽元素HTMLCSS
- 偽類選擇器：愛恨法則；偽元素選擇器：before，after；清除浮動
- ::after和::before偽元素選擇器必須要配合content屬性
- CSS中一些利用偽類、偽元素和相鄰元素選擇器的技巧CSS
- javascript獲取偽物件before和after定義的內容JavaScript物件
- CSS 巧用 :before和:afterCSS
- CSS巧用:before和:afterCSS
- 總結偽類與偽元素
- CSS的偽元素CSS
- CSS偽類CSS
- 「前端面試題系列3」偽類與偽元素的區別及實戰前端面試題
- 2022 最受歡迎的 CSS 偽類、偽元素分別是什麼CSS
- 重新整理了偽類偽元素
- 巧用偽元素和偽類讓我們的html結構更清晰合理HTML
- Css 偽類/偽類物件使用整理_使用案例CSS物件
- css的偽類CSS
- 【愣錘筆記】你真的瞭解什麼是偽類和偽元素嗎筆記
- 笑談CSS的偽元素CSS