白骑士的CSS教学语法基础篇之选择器 2.1.4 伪元素选择器

系列目录

上一篇：白骑士的CSS教学语法基础篇之选择器 2.1.3 属性选择器与伪类选择器

        伪元素选择器用于在元素的内容之前或之后插入额外的内容，而不需要在 HTML 中实际添加这些内容。这种方式可以帮助开发者在页面布局和设计中添加装饰性内容或其他修饰，而不干扰实际的 HTML 结构。

‘::before‘ 伪元素

        ‘::before‘ 伪元素用于在目标元素的内容之前插入额外的内容。它可以用来添加装饰性元素、图标或文本。

        语法：

selector::before {
  content: value;
  property: value;
}

        示例：

/* 在每个 <h2> 元素前面添加一个星号 */
h2::before {
  content: "★ ";
  color: gold;
  font-size: 24px;
}

  &nb