| 特點 | 偽類 | 偽元素 |
|---|---|---|
| 用途 | 選擇元素的狀態或基於結構選擇元素 | 建立虛擬的內容，操作元素的某些部分 |
| 語法 | 使用單個冒號 (😃 | 使用雙冒號 (:😃 |
| 生成內容 | 不生成新內容，只應用樣式 | 可以生成並操作新內容 |
| 常見示例 | :hover, :focus, :nth-child() | ::before, ::after, ::first-line |
::before 和 :before 都是 CSS 中的偽元素，主要區別在於語法規範，而它們的功能和表現上基本是一樣的。
[CSS] 偽元素和偽類，::before 和 :before 區別
相關文章
- 偽元素 before 和 after 初探
- css偽元素（before與after）CSS
- 瞭解css中偽元素 before和after的用法CSS
- CSS E::before 偽元素選擇符CSS
- css3偽元素選擇器before 和 after 的使用CSSS3
- 偽元素和偽類的區別總結
- CSS3偽類和偽元素CSSS3
- CSS偽元素詳解以及偽元素與偽類的區別CSS
- CSS偽類與偽元素選擇器區別CSS
- 偽類和偽元素
- css3 中的偽類和偽元素CSSS3
- 偽類與偽元素的區別
- 一次弄懂CSS的偽類和偽元素CSS
- 06-偽類和偽元素
- #07你認真學了css？偽類和偽元素CSS
- 偽類選擇器：愛恨法則；偽元素選擇器：before，after；清除浮動
- HTML表單及CSS選擇器、偽類和偽元素HTMLCSS
- CSS中一些利用偽類、偽元素和相鄰元素選擇器的技巧CSS
- 2022 最受歡迎的 CSS 偽類、偽元素分別是什麼CSS
- jquery中append、prepend, before和after方法的區別jQueryAPP
- 「前端面試題系列3」偽類與偽元素的區別及實戰前端面試題
- 重新整理了偽類偽元素
- Css 偽類/偽類物件使用整理_使用案例CSS物件
- 【愣錘筆記】你真的瞭解什麼是偽類和偽元素嗎筆記
- css實現表格右上角一個小的三角形標示----偽類div::beforeCSS
- 笑談CSS的偽元素CSS
- mysql觸發器案例分析以及before和after的區別MySql觸發器
- 理解使用before，after偽類實現小三角形氣泡框
- css偽類選擇符CSS
- CSS 偽類選擇器CSS
- CSS偽類使用詳解CSS
- CSS E::after 偽元素選擇器CSS
- Css字型圖示偽元素方式引入CSS
- CSS的偽元素使用例子之一CSS
- 偽靜態、靜態和動態的區別
- 新CSS偽類：focus-withinCSS
- 前端筆記之HTML5&CSS3（中）選擇器&偽類偽元素&CSS3效果&漸變背景&過渡前端筆記HTMLCSSS3
- CSS E:hover 偽類選擇器CSS