共计 985 个字符，预计需要花费 3 分钟才能阅读完成。
本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一工夫和你分享前端行业趋势，学习路径等等。
更多开源作品请看 GitHub https://github.com/qq449245884/xiaozhi，蕴含一线大厂面试残缺考点、材料以及我的系列文章。
CSS 是用来布局和格式化网页和其余媒体的语言。它是 Web 的三种次要语言之一，与 HTML(用于构造)和 JavaScript(用于行为)并列。每一年，咱们都看到 CSS 的规模在增长，2022 年也不例外。
明天，咱们来看一上，2022 最受欢迎的 CSS 伪类、伪元素别离是什么。
2022 最受欢迎的伪类占比
用户动作伪类 :hover, :focus, 和 :active 再次位列前三。否定伪类 :not()以及 :root 也持续风行，可能用于创立自定义属性。
去年，人们留神到 :focus-visible，一种以更合乎用户冀望的形式来设计焦点元素的形式，呈现在不到 1% 的页面中。自 2022 年 3 月以来，该属性在所有三个次要引擎中都可用，当初在 10% 的桌面页面和 9% 的挪动页面中都能找到。
咱们过滤掉任何带有前缀的 (因而是特定于浏览器的) 伪元素。它们通常用于抉择浏览器的界面组件或元素，咱们对开发人员理论应用的伪元素感兴趣。
自去年以来，::before和 ::after 的应用有所增加。这些都是用来在文档中插入生成的内容。通过查看 content 属性的应用状况，咱们能够看到它最常被用来插入一个空字符串，用于款式设计。
生成的内容是在不须要增加元素的状况下对网格区域进行款式设计的一种办法；兴许这也是这些属性使用量减少的起因？
当初 ::marker 伪元素的使用率曾经达到了 1%，这表明人们正在缓缓开始利用抉择和款式列表标记的能力。
属性选择器
最风行的属性选择器是 type，占 54%。接下来最风行的属性选择器是占 37% 的class，25%的 disabled，以及 17% 的 dir。
代码部署后可能存在的 BUG 没法实时晓得，预先为了解决这些 BUG，花了大量的工夫进行 log 调试，这边顺便给大家举荐一个好用的 BUG 监控工具 Fundebug。
交换
有幻想，有干货，微信搜寻 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试残缺考点、材料以及我的系列文章。
