138-css-17-图文~伪类和伪元素

138-css-17-图文~伪类和伪元素

概述

核心区别在于,是否创造了“新的元素”

  1. 伪类表示被选择元素的某种状态,例如:hover
  2. 伪元素表示的是被选择元素的某个部分,这个部分看起来像一个独立的元素,但是是"假元素",只存在于css中,所以叫"伪"的元素,例如:after

伪元素

伪类

应用

after: 三角箭头

参考

一篇搞清伪类和伪元素 - 掘金

从青铜到王者10个css3伪类使用技巧和运用,了解一哈 - 掘金