疑似クラスと疑似要素

疑似クラス

:hoverなどの「:(コロン)が一つ」

疑似要素

::afterなどの「::（コロンが2つ」

CSS3からはこのように区別されるようになりました。
CSS2までは::はありませんでした。

こちらのサイト様を参照されるとすごく分かりやすかったです。
CSSの擬似要素と擬似クラスの違いを明確に

つまりは、要素の一部のみを変更したい場合か、要素全体かで分ければいいのかな。

関連記事