CSS偽元素是指在文檔樹中不存在的元素，它們并不是HTML標簽中定義的元素，而是通過CSS生成的元素。

::before

::before是偽元素中最常用的一個，它可以在選中的元素前面插入內容。我們可以給::before設置content屬性來插入內容。

div::before{
content: "前綴內容";
}

上面的代碼會在div元素的前面插入前綴內容

::after

::after和::before很相似，不過它是在選中元素的最后面插入內容。同樣地，我們可以通過content屬性來插入內容。

div::after{
content: "后綴內容";
}

上面的代碼會在div元素的后面插入后綴內容

::first-letter

::first-letter用來對某個元素的首字母進行樣式化。我們可以為::first-letter設置font-size、color等屬性來改變字母的樣式。

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

上面的代碼會把每個p元素的第一個字母的字體大小設置為20px，顏色設置為紅色。

::first-line

::first-line用來對某個元素的第一行進行樣式化。我們可以為::first-line設置font-size、color等屬性來改變第一行文本的樣式。

p::first-line{
font-size: 20px;
color: red;
}

上面的代碼會把每個p元素的第一行字體大小設置為20px，顏色設置為紅色。