在CSS中，after是一個(gè)偽元素，用于在選擇器的末尾添加內(nèi)容。該元素不占據(jù)文檔流，也不在DOM中表示為元素。當(dāng)需要在某個(gè)元素后添加內(nèi)容而無需改變HTML代碼時(shí)，可以使用after偽元素。

例如，在下面的HTML代碼中，我們想在每個(gè)鏈接后面添加一個(gè)箭頭圖標(biāo)：

<ul>
<li><a href="#">鏈接1</a></li>
<li><a href="#">鏈接2</a></li>
<li><a href="#">鏈接3</a></li>
<li><a href="#">鏈接4</a></li>
</ul>

我們可以使用下面的CSS代碼來實(shí)現(xiàn)這個(gè)效果：

li a:after {
content: " \2192"; /* 用Unicode編碼添加箭頭 */
}

在上述代碼中，我們使用了after偽元素，并在其中添加了content屬性，以指定要添加的內(nèi)容。在本例中，我們添加了一個(gè)箭頭字符，該字符使用Unicode編碼，其代碼為\2192。

需要注意的是，after偽元素必須設(shè)置display屬性，否則它不會(huì)顯示。通常，我們使用display: inline-block或display: block，以使其像元素一樣顯示，并能通過CSS控制其寬度和高度。

li a:after {
content: " \2192";
display: inline-block;
width: 10px;
height: 10px;
margin-left: 5px; /* 箭頭距離鏈接的距離 */
vertical-align: middle; /* 讓箭頭與鏈接居中對齊 */
}

通過上述CSS代碼，我們可以完善箭頭圖標(biāo)的樣式，包括添加寬度和高度、設(shè)置箭頭與鏈接的距離，并讓它們居中對齊。

綜上所述，after是CSS中一個(gè)非常有用的偽元素，常用于在元素后添加樣式和內(nèi)容，從而不影響HTML結(jié)構(gòu)。