伪元素选择器作用

伪元素选择器用于选择并对元素的特定部分进行样式设置，而不是选择元素本身。它们通过在元素的内容之前或之后插入额外的内容来实现。

常见的伪元素选择器有以下几种：

1. ::before：在元素内容之前插入额外的内容。
2. ::after：在元素内容之后插入额外的内容。
3. ::first-letter：选择元素内容的第一个字母。
4. ::first-line：选择元素内容的第一行。
5. ::selection：选择用户选中的内容。

伪元素选择器可以用于添加装饰效果、调整文本样式、修改选中文本的样式等。它们通常与content属性配合使用，来插入额外的内容。

例如，可以使用::before伪元素选择器来在元素内容之前插入一个图标，并设置其样式：

.icon::before {
  content: "🌟";
  color: gold;
}

这样，所有使用了.icon类的元素的内容之前都会插入一个金色的星星图标。