CSS 什么是伪类？什么是伪元素？

        伪类和伪元素是CSS中用来选择元素的特殊关键词，老规矩，首先我们要先清楚它们的概念！

伪类（pseudo-class）是用来向特定选择器添加特殊效果的关键词，例如:hover用于鼠标悬停时改变元素样式，:active用于元素被点击时改变样式等。

• 举个栗子：伪类的使用方式

  //当鼠标悬停在链接上时，链接的颜色会变为红色
   
  a:hover {
    color: red;
  }
  

伪元素（pseudo-element）是用来向元素的特定部分添加特殊样式的关键词，例如::before用于在元素内容前插入内容，::after用于在元素内容后插入内容等。伪元素创建了一个虚拟的元素，允许开发者在元素内的特定位置插入样式和内容。

• 举个栗子：伪元素的使用方式

  //段落元素的内容前会添加一个前缀文字
   
  p::before {
    content: "前缀文字 ";
  }
  

区别:  伪类是用来选择元素的特定状态或行为，而伪元素是用来选择元素的特定部分。伪类以单冒号（:）开头，伪元素以双冒号（::）开头。

注意点和使用场景 :

• 伪类通常用于根据用户的交互状态（如悬停、点击等）来改变元素的样式。
• 伪元素通常用于在元素的特定位置插入样式和内容，例如在元素内容前或后插入内容。
• 伪类和伪元素都可以与普通选择器结合使用，以实现更复杂的样式效果。
• 使用伪类和伪元素时，需要注意浏览器的兼容性，一些旧版本的浏览器可能不支持某些伪类或伪元素的语法。
• 常见的使用场景包括制作鼠标悬停效果、创建元素的前缀或后缀内容等。