伪类：

CSS伪类是关键字，其前面带有一个冒号（:)，并添加到选择器的末尾，以指定要对选定元素进行样式设置（ 仅当它们处于特定状态时）
。例如，您可能只想在元素被鼠标指针悬停时设置样式，或者在元素被禁用或选中时选中一个复选框，或者是作为其父元素在DOM树中的第一个子元素的元素。

例子：

• :active
• :checked
• :nth-child()
• :first
• :hover

伪元素::

伪元素与伪类非常相似，但是它们有所不同。它们是关键字，这次是两个冒号（：:)开头，可以将其添加到选择器的末尾 以选择元素的特定部分 。

例子：

• ::after
• ::before
• ::first-letter
• ::first-line
• ::selection
• ::backdrop

如@stephanmg所述：

实际上，由于浏览器的兼容性，:: before用作：before，而::
after用作：after。两者都是伪元素，但看起来像伪类。如果您阅读CSS代码，这可能会造成混淆。