伪类
CSS 伪类 是添加到选择器的关键字，指定要选择的元素的特殊状态。例如，:hover 可被用于在用户将鼠标悬停在按钮上时改变按钮的颜色。 —— MDN
- 例如：:hover, :active, :nth-child(), :nth-last-child(), :focus, :first, :link, 等等
伪元素
伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。下例中的 ::first-line 伪元素可改变段落首行文字的样式。 —— MDN
- ::after, ::before, 等等
区别
- 伪类是为了弥补CSS选择器的不足
- 伪元素是创建了一个虚拟元素，我们可以在其中添加样式和内容
