Pseudo-elements 在现代 Web 布局中引用广泛，它允许你在不影响原始元素的情况下创建/操作原始元素。它们可用于样式化元素的特定部分，如第一个字母、或在元素前、后添加内容。
伪元素的定义
Pseudo-elements 是一个关键字，它被添加到 CSS 选择器中，用于样式化元素内容的特定部分，而无需添加额外的 HTML 元素。伪元素与伪类不同，伪类的目标是元素的状态，而伪元素的目标是元素的一部分，例如段落的第一行或标题的最后一个字母。
伪元素的语法
伪元素的语法如下：
selector::pseudo-element {
/* styles */
}
📢 需要注意的是：在 CSS3 中，伪元素用两个冒号（::）表示。不过，为了向后兼容，也支持使用单冒号（:）。
常见的伪元素集合
first-line 伪元素
::first-line 伪元素用于样式块级元素（如段落）的第一行。它的目标是元素的第一行，不包括元素内的其他内容。它可用于排版效果或强调段落的开头。
1）示例：
