伪类和伪元素

区别：

1. 数量：伪类使用一个冒号:；伪元素使用两个冒号::
2. 位置：伪类可以在选择符的前方和后方；伪元素只能出现在选择符的最后方
3. 类与元素：伪类是基于DOM产生不同的状态，不产生新对象；伪元素则是创建一个不存在DOM里的新对象，并且可以对这个新对象进行操作

使用场景

伪类

• 状态类：:link :visited :hover :active :focus
• 结构类：:first-child :last-child :nth-child :nth-of-type
• 表单类：:checked :disabled :vaild :required
• 语言类：:dir :lang

伪元素

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

总结

	语法	数量	位置	类与元素	使用场景
伪类	:	多个	前方和后方	修饰	多
伪元素	::	单个	最后方	创建对象	少