伪元素选择器有哪些？请举例说明它们的应用场景。

回答思路

1. 准确列举常用的伪元素（如::before、::after、::first-line、::first-letter等）
2. 解释伪元素与伪类（如:hover）的区别
3. 给出至少一个实际应用场景（如清除浮动、制作图标、首字下沉）
4. 说明content属性的必要性及用法