CSS選擇器before是一個(gè)非常有用的選擇器，它可以在元素的前面添加額外的內(nèi)容。

p:before {
content: ">>";
}

在上面的示例中，我們使用了p:before選擇器來在每個(gè)段落的前面添加">>"，并且這里的content屬性指定了要添加的文本。這樣，每個(gè)段落的開頭都會(huì)有一個(gè)">>"。

除了添加文本，我們還可以使用before選擇器來添加其他內(nèi)容，例如圖像或形狀。下面是一個(gè)添加三角形的示例：

p:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid black;
margin-right: 10px;
}

在上面的示例中，我們使用了空的content屬性來創(chuàng)建一個(gè)空的偽元素，然后使用border屬性來創(chuàng)建一個(gè)右邊為黑色的三角形，最后使用margin-right來添加一些間距。這樣，每個(gè)段落前面就會(huì)有一個(gè)黑色的三角形。

總之，使用CSS選擇器before可以幫助我們在元素前面添加任何內(nèi)容，從而實(shí)現(xiàn)更有趣和獨(dú)特的設(shè)計(jì)效果。