在CSS中，偽元素能夠控制HTML元素的某些部分，并為其添加一些特殊的樣式效果。偽元素可以通過使用“::”或者“:”符號來表示，它們被插入到元素的內容之中，而不是作為一個額外的HTML元素。

::before {
content: "";
display: block;
background-color: blue;
height: 50px;
width: 50px;
}

在上面的代碼中，我們使用了::before偽元素，它不僅可以為元素添加背景色和尺寸，還可以在元素內部的最前面添加一些內容，比如圖標或著裝飾用的圓點。

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

另一個常見的偽元素是::after，它可以在元素的內容的最后面添加一些特殊的內容或者裝飾品。它也可以為元素添加背景圖片，并設置寬高。在實際的開發過程中，我們通常使用這個偽元素來為按鈕或者其他元素添加圖標。

p:first-letter {
color: red;
font-size: 24px;
}

除了:before和::after之外，CSS還有其他一些偽元素，比如:first-letter，它可以選擇元素內容中的第一個字母，并為其添加特殊樣式，比如字體大小，顏色等等。

總而言之，偽元素提供了一些非常有用的樣式控制功能，可以使得我們的HTML文檔更加豐富和復雜，同時提高開發效率。