Aimee

personal blog

欢迎来到我的个人站~


css相关

  • 伪类跟伪元素的区别
  • 其核心就是选择DOM元素之外的信息,不能够被普通选择器选择的文档之外的元素,用来添加一些选择器的特殊效果
  • 比如 :hover :active :link :visited :focus
  • 由于状态变化是非静态的,达到一个状态获得一个样式,状态改变失去这个样式
  • 由此可见,它的功能跟class类似,但是基于文档之外抽象,所以叫伪类

  • 伪元素:
    • DOM 没有定义的虚拟元素
    • 核心就是要创建通常不存在于文档中的元素,比如::after ::before它选择的是元素指定内容,表示选择元素之后或者之后的内容
    • 伪元素控制的内容和元素是没有差别的,它本身只基于元素的抽象,并不存在于文档中
  • 区别:
  • 表示方法不同:伪类用单冒号,伪元素用双冒号
  • 定义不同:伪类即假的类,可以通过类来达到效果,伪元素即假的元素,需要通过添加元素才能达到效果
  • 伪类和伪元素的区别,关键点在于如果没有伪元素(或伪类), 是否需要添加元素才能达到效果,如果是则是伪元素,反之则是伪类。