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，插入的視覺元素將不會顯示。