伪元素（pseudo-elements）是 CSS 的一种机制，允许你通过 CSS 选择器向某些元素的特定部分添加样式。它们表示元素的特定部分或状态，并允许你在不改变 HTML 结构的情况下对其进行样式处理。

常见的伪元素包括 ::before 和 ::after。它们允许你在元素的内容前后插入虚拟的元素，并对其进行样式设置。例如：

cssCopy codep::before {  content: "Before text ";  color: blue;
}p::after {  content: " After text";  color: red;
}

上述示例中，p::before 会在每个 <p> 元素的内容前插入带有蓝色文字的虚拟元素，而 p::after 会在内容后插入带有红色文字的虚拟元素。

除了 ::before 和 ::after 之外，还有其他伪元素，如 ::first-line（选择元素的第一行文本）、::first-letter（选择元素的第一个字母）等，它们允许你更精确地控制元素的特定部分而无需修改 HTML 结构。

伪元素可以在页面中创建虚拟元素，并通过 CSS 对其进行样式设置，这样可以为元素添加装饰、修饰或特殊效果，同时保持 HTML 结构的清晰和完整。