解決實現偽元素的 hover 效果的問題：

例如，當有一個元素上面有一個偽元素時，像給這個偽元素設置一個 hover 效果，當該偽元素 hover 時，才顯示該偽元素。

元素：

li {
    background: red;
}

li:after {
    border: 1px solid blue;    
}

這個時候，先在該偽元素所在的元素上加上 hover，然后在 hover 后面加上 :after 即可。

例如，接着上面例子中的代碼，繼續寫如下代碼：

li:hover:after {
    border: 1px solid blue;
}

加上上面代碼后，即可實現只有當 hover 時，顯示該偽元素。注意順序，hover 在前面，after 在后面。

參考：
https://stackoverflow.com/questions/13233991/combine-after-with-hover