CSS的:before偽元素用于在選定元素之前插入內容。它可以用來添加裝飾性的內容，例如圖標、標簽或其他視覺元素。
使用:before偽元素時，需要將其與一個選擇器配合使用。以下是使用:before偽元素的基本語法：
selector:before {
content: "text";
/* 其他樣式屬性 */
}
在上面的代碼中，selector是要插入內容的元素的選擇器。content屬性用于定義要插入的內容，可以是文本、圖標的Unicode值或URL。
下面是一個示例，演示如何使用:before偽元素為元素添加箭頭圖標：
.button:before {
content: "\2190";
/* 其他樣式屬性 */
}
在上面的代碼中，.button是一個類選擇器，用于選定要添加箭頭圖標的元素。箭頭的Unicode值是"\2190"，這是一個向左的箭頭。
注意：使用:before偽元素時，必須將其設置為塊級元素，以便正確顯示插入的內容。可以使用display屬性將其設置為塊級元素。例如：
.button:before {
display: block;
}
