CSS 偽元素是指在元素的內容之前或之后添加一些內容，這些內容并不在 HTML 文檔中，而是在樣式表中設置的。通過使用偽元素，可以創建出各種有趣的樣式，比如添加一些小圖標、角標、提示信息等等。

偽元素主要分為兩種：

::before 在元素內容之前添加內容，可以用于創建圖標等；

::after 在元素內容之后添加內容，可以用于創建提示信息等。

示例代碼：

.content::before{
content: " ";
display: inline-block;
width: 20px;
height: 20px;
background-image: url(icon.png);
}

上面的代碼通過 ::before 偽元素為 .content 元素前添加了一個大小為 20px × 20px 的圖標，并設置了它的背景圖片為 icon.png。

還有一些其他的偽元素可以使用，比如：:

::first-letter 選擇第一個字母，并設置樣式；

::first-line 選擇第一行，并設置樣式；

::selection 選擇被用戶選中的部分，并設置樣式。

總之，CSS 偽元素是一個非常強大的工具，通過巧妙應用偽元素，可以為頁面帶來更加生動、多彩的效果。