在CSS中，before偽類也被稱為偽元素，可以在元素內容的前面插入一個新的內容，是一種非常方便的樣式技巧。

.example::before {
content: "Before偽元素內容";
color: red;
}

上面的代碼表示，對類名為example的元素使用before偽元素，在元素內容前插入"Before偽元素內容"，并將字體顏色設為紅色。值得注意的是，before偽元素不會打亂文檔流。

before偽元素最常見的使用場景是用于圖標字體的制作，可以通過字體庫中提供的icon字體來繪制想要的圖標：

.icon::before {
content: "\e601";
font-family: "iconfont";
}

上面的代碼中，將內容設為"\e601"的16進制unicode碼，來繪制指定的圖標；將字體設為iconfont，保證顯示正確的字體庫。

需要注意的是，before偽元素并不支持交互事件，意味著用戶無法通過鼠標點擊before偽元素中的內容。

總之，before偽元素是CSS一個非常實用的特性，可以輕松地實現一些炫酷的視覺效果。