CSS的after偽類是一種很有用的樣式修飾器，可以在目標元素后面加上一個虛擬的元素，用于添加一些額外的內容或者修飾樣式。下面我們來看一下這個偽類的具體用法。

/* 示例1：添加內容 */
.box::after{
content: "后綴";
}
/* 示例2：清除浮動 */
.clearfix::after{
content: "";
display: block;
clear: both;
}

在示例1中，我們使用::after偽類給元素.box添加了一個后綴"后綴"，在網頁上會顯示在.box的尾部。注意，在偽類中一定要加上content屬性。如果沒有這個屬性，偽元素將不會生成。此外，我們也可以通過before偽類在元素前面添加虛擬元素。

在示例2中，我們使用::after偽類清除了一個父元素下所有浮動元素的影響。給.clearfix::after的content屬性一個空值，然后將display屬性設置為block，再使用clear屬性清除浮動即可。這個技巧在日常開發中非常實用。

總之，CSS的after偽類可以給我們帶來很多有趣的樣式效果與用途，掌握它的用法能夠讓我們在頁面設計中有更多的選擇與自由。