CSS伪元素是一种特殊的CSS选择器，它并不对HTML元素进行实际插入，而是通过CSS样式规则来实现一些特定的效果或装饰，比如在某个元素的内容前面或后面添加一些特定的符号、图标或背景。使用伪元素可以方便地实现一些常见的UI效果，提高网页设计的效率。

/* 在元素前方添加内容 */
p::before {
content: url(icon.png);
}
/* 在元素后方添加内容 */
p::after {
content: "（注）";
}

在上面的例子中，我们使用了两个伪元素“::before”和“::after”，它们分别表示在元素前面和后面添加内容。其中，content属性用于指定添加的内容，我们可以使用各种CSS值来表示，比如文字、图标、颜色等，甚至可以使用CSS变量和计算表达式。

除了content属性，伪元素还可以使用一些其他的CSS属性，比如display、position、visibility、z-index等，这些属性可以影响伪元素的显示效果和位置，帮助我们实现各种有趣的CSS效果。需要注意的是，不是所有的CSS属性都可以应用于伪元素，具体可以查看CSS规范。

总的来说，CSS伪元素是一种强大的CSS技术，可以帮助我们在不修改HTML结构的情况下实现各种UI效果和装饰，提高网页的可读性和美观性。