CSS3是一種新的樣式表語言，它帶來了許多強大的特性，如偽類before。偽類before可以讓我們在DOM元素前添加一個偽元素，例如一個圖標、一段文本或其他的內容。它可以拓展CSS的使用范圍，并增強了網頁設計的能力。

.example:before {
content: "Hello";
display: block;
font-size: 20px;
color: red;
}

在上面這個例子中，我們使用了偽類before來添加一個紅色的“Hello”文字到.example元素的前面。通過設置content屬性，我們可以自定義前置元素的內容，并且可以利用CSS中的各種屬性來裝飾、布局這個元素。

需要注意的是，偽類before添加的元素不會影響文檔流，因此它們可以很方便的用于元素的裝飾和設計。同時，我們可以在同一個元素上使用多個偽類before和after，實現更加復雜和多層次的效果。

.box:before {
content: "BEFORE";
font-weight: bold;
}
.box:after {
content: "AFTER";
font-weight: bold;
}
.box:before:before {
content: "^^^";
color: red;
font-size: 20px;
}

在這個例子中，我們定義了.box元素前后各一個偽類，使得其前后各顯示一個加粗的“BEFORE”和“AFTER”文字。而在偽類before:before中，我們又添加了一個紅色、20像素大小的“^^^”，使得“BEFORE”文字前面顯示一個三角形。

總體來說，偽類before大大擴展了CSS的能力，它可以用于裝飾、布局等多個方面，為網頁的設計和實現提供了更多的方案與思路。至于偽類after、偽元素selection等，也有類似的用法和效果。希望這篇文章能對你理解CSS3偽類before的使用有所幫助。