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

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

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

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

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屬性來創建一個空的偽元素，然后使用border屬性來創建一個右邊為黑色的三角形，最后使用margin-right來添加一些間距。這樣，每個段落前面就會有一個黑色的三角形。

總之，使用CSS選擇器before可以幫助我們在元素前面添加任何內容，從而實現更有趣和獨特的設計效果。