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

🌙
手机阅读
本文目录结构
axihe

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

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

【图片】

【图片】

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

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

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

更多面试题

如果你想了解更多的前端面试题,请点击下面进行选择,这里基本包涵了市场上的所有前端方面的面试题,让你面试更加顺利。

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


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili 和抖音。

关注我: Github / 知乎

如果你加我的私人微信,麻烦写上您的 称呼,所在地区,职业,方便我备注,谢谢


本站的微信公众号

阿西河前端教程

Anbang

安邦的私人微信

微信号: yaolushan

Anbang

Bilibili(B站)

朱安邦

Anbang