CSS中的:before伪元素可以让我们在元素的内容之前插入一个视觉元素。而通过设置:before的content属性，我们可以决定要插入的内容是什么。

p:before {
content: "→";
}

在上述代码中，我们使用了:before伪元素来为所有的p元素添加一个箭头，它出现在内容的前面。这是通过设置content属性为箭头字符实现的。

除了字符，content属性还可以接受一些其他的类型值。例如，我们可以通过url()函数来插入一个图片：

p:before {
content: url(../images/icon.png);
}

还可以插入元素的属性值。例如，我们可以插入超链接的href属性：

a:before {
content: attr(href);
}

通过这种方式，我们可以将超链接的链接地址插入到其内容前面。

需要注意的是，在使用:before插入内容之前，我们需要设置content属性。如果没有设置content，插入的视觉元素将不会显示。