在 CSS 中，可以使用偽元素:after來為元素的內容后面添加額外的樣式。

/* 使用 a:hover::after 為鏈接添加懸浮時的樣式 */
a:hover::after {
content: "→";
margin-left: 0.2em;
}
/* 使用 p::after 為段落末尾添加內容 */
p::after {
content: " (完)";
}

使用:after時需要注意以下幾點：

• 需要設置content屬性來指定要添加的內容。
• 默認情況下，:after中的樣式會繼承元素的字體大小、顏色等樣式，如果需要自定義樣式，需要單獨為:after設置樣式。
• 僅僅通過:after無法實現元素的定位，需要借助position屬性來實現。

實際應用中，可以使用:after來為鏈接添加懸浮時的樣式、為元素添加內容、為表單元素添加圖標等效果。在元素內容的前面使用偽元素:before也可以實現類似的效果。