伪类和伪元素选择器的区别

回答思路

1. 准确说明伪类用于选择状态或位置，伪元素用于创建并选择DOM中不存在的元素
2. 能举例说明常见伪类如:hover、:nth-child、:focus
3. 能举例说明常见伪元素如::before、::after、::first-line
4. 能指出单冒号和双冒号的书写规范及浏览器兼容性