伪类与伪元素的区别

单冒号： 伪类，例如:hover、:active
双冒号： 伪元素，例如::before、::after

伪元素的作用：::before 和 ::after 的主要作用是在元素内容前后加上指定内容。

区别：

  • 伪类与伪元素都是用于向选择器加特殊效果
  • 伪类与伪元素的本质区别就是是否抽象创造了新元素
  • 伪类只要不是互斥可以叠加使用
  • 伪元素在一个选择器中只能出现一次，并且只能出现在末尾
  • 伪类与伪元素优先级分别与类、标签优先级相同