after是一個在CSS中非常有用的偽元素，可以通過它來向HTML元素添加額外的內容。換句話說，after實際上就是一種可以生成特定內容的CSS選擇器。

例如，我們可以添加箭頭icon到一個類為“button”的按鈕上，實現代碼如下：
button:after {
content: "→";
}

上面的代碼表示在所有btn元素的后面，添加了一個“→”的字符。這個字符是通過content屬性來實現的。通過這個屬性，我們可以在CSS中添加任意字符或HTML標記。

after還可以通過設置位置，大小和樣式等，定制化生成的內容。比如，在下面的例子中，我們添加了一個圓形的icon，并將它放在了父元素的右上角：

.button:after {
content: "";
display: block;
width: 15px;
height: 15px;
border-radius: 50%;
position: absolute;
top: -5px;
right: -5px;
background-color: red;
}

通過上面的代碼，我們定義一個空內容的元素，并設置它的寬高為15px，邊緣半徑為50%，位置為絕對，并利用top和right屬性，將它放在父元素的右上角。最后，我們給這個元素添加了一個紅色背景色，用于顯示成一個圓形的icon。

總之，after是一個非常強大的CSS選擇器，它可以用于在HTML元素中添加任意文本或圖標。當我們需要在一個元素中添加一些特定效果時，它是很有用的一種工具。