CSS 的“伪类”和“伪元素”有什么区别？请举例伪元素的几种应用场景。

伪类，如果我放弃伪类不用而 又想要伪类同样的效果，一般我可以为元素加一个class类，也能达到伪类选择器一样的效果。（如，:first-child伪类）

伪元素，如果我放弃伪元素不用而 又想到达伪元素同样的效果，我必须创建一个元素，才能达到伪元素的效果。（如，:first-line伪元素

【图片】

【图片】

伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。

但因为兼容性的问题，所以现在大部分还是统一的单冒号，但是抛开兼容性的问题，我们在书写时应该尽可能养成好习惯，区分两者。

:focus，IE6-IE7不支持。伪类名称对大小写不敏感（也就意味着大小写，您随意来！）。伪元素也有人称为伪对象

更多面试题

如果你想了解更多的前端面试题，可以查看本站的WEB前端面试题 ,这里基本包涵了市场上的所有前端方面的面试题，也有一些大公司的面试图，可以让你面试更加顺利。

这些题库还在更新中，如果你有不错的面试题库欢迎分享给我，我整理后放上来；人人为我，我为人人，互帮互助，共同提高，祝大家都拿到心仪的Offer！