CSS中的:before偽元素可以讓我們在元素的內(nèi)容之前插入一個視覺元素。而通過設(shè)置:before的content屬性，我們可以決定要插入的內(nèi)容是什么。

p:before {
content: "→";
}

在上述代碼中，我們使用了:before偽元素來為所有的p元素添加一個箭頭，它出現(xiàn)在內(nèi)容的前面。這是通過設(shè)置content屬性為箭頭字符實(shí)現(xiàn)的。

除了字符，content屬性還可以接受一些其他的類型值。例如，我們可以通過url()函數(shù)來插入一個圖片：

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

還可以插入元素的屬性值。例如，我們可以插入超鏈接的href屬性：

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

通過這種方式，我們可以將超鏈接的鏈接地址插入到其內(nèi)容前面。

需要注意的是，在使用:before插入內(nèi)容之前，我們需要設(shè)置content屬性。如果沒有設(shè)置content，插入的視覺元素將不會顯示。