CSS3中的“:hover”和“:after”是兩種非常有用的樣式，它們為我們提供了很多有趣的實現方式。下面就讓我們來深入了解一下這兩種樣式。

/* :hover樣式 */
a:hover {
color: red;
}
/* :after樣式 */
p:after {
content: " — 末尾的內容";
font-style: italic;
color: #999;
}

首先，我們來了解一下“:hover”。這個樣式非常常用，可以讓我們在鼠標懸浮在一個元素上時改變該元素的樣式。例如上面的代碼，它會在鼠標懸浮在一個鏈接上時將鏈接的顏色改為紅色。

接下來，我們來看看“:after”。這個樣式可以在一個元素的后面添加一些內容，并對這些內容進行樣式設置。例如上面的代碼，它會在一個段落的末尾添加一個斜體的文本，并設置為灰色。需要注意的是，在使用“:after”時還需要使用“content”屬性來定義要添加的內容。

值得一提的是，這兩種樣式可以結合使用，例如在一個鏈接上懸浮時顯示一些特殊的效果，或者在一個列表項后面添加一些圖標等等。

總之，“:hover”和“:after”都是非常有用的樣式，可以為我們的頁面帶來更多的趣味和創意。希望上面的介紹能夠幫助您更好地運用這兩種樣式。