1. 核心区别
伪类(:):选中元素的状态,不生成新标签,如 hover、active、focus
伪元素(::):创建虚拟DOM元素,相当于新增标签,如 before、after
2. 常用伪类
链接::link :visited
鼠标::hover :active
表单::focus :checked :disabled
结构::first-child :nth-child() :last-child
3. 常用伪元素
::before / ::after:装饰图标、划线、角标
::first-letter:首字母样式
::selection:选中文本样式