在 CSS 中，

:before

選擇器用于在選定元素的內(nèi)容之前插入內(nèi)容。

/* 在 content 屬性中使用before選擇器 */
p:before {
content: "→ " ;
}
/* 在 content 屬性中使用before選擇器并添加樣式 */
p:before {
content: "→ ";
color: red;
font-weight: bold;
}

可以看到，在前面的代碼中，我們使用了

:before

選擇器來為

<p>

元素添加箭頭，這樣我們就可以使用 CSS 來為所有的段落添加一個箭頭而不必更改 HTML。 同時，我們可以為箭頭添加樣式，如顏色和字重。

需要注意的是，

:before

選擇器添加的內(nèi)容僅在選擇的元素之前出現(xiàn)，不影響元素內(nèi)部的結(jié)構(gòu)和樣式。我們可以在使用中自由發(fā)揮創(chuàng)意，利用

:before

選擇器為元素添加更多的樣式和內(nèi)容。