2022 最受欢迎的 CSS 类名和 ID 分别是什么

本文首发于微信公众号：大迁世界, 我的微信：qq449245884，我会第一时间和你分享前端行业趋势，学习途径等等。
更多开源作品请看 GitHub https://github.com/qq449245884/xiaozhi ，包含一线大厂面试完整考点、资料以及我的系列文章。

CSS是用来布局和格式化网页和其他媒体的语言。它是 Web 的三种主要语言之一，与HTML(用于结构)和JavaScript(用于行为)并列。每一年，我们都看到CSS的规模在增长，2022年也不例外。

今天，我们来看一上，2022 最受欢迎的 CSS 类名和 ID 分别是什么。

2020年和2021年，网络上最流行的类名是 active。Font Awesome 的fa、fa-*前缀仍然排在第二和第三。然而，wp-*类名称在排名中悄然上升，升至第四位。它们现在出现在31%的页面上，2021年时为20%。我们还看到诸如 has-large-font-size 这样的类名出现了，这些是在新的 WordPress 块状编辑器中使用的。

clearfix已经从前20名中消失了，它现在只在10%的页面中出现，这也非常清楚的说明基于浮动的布局正在从 Web 中消失。

content 这个名字再次成为最受欢迎的 ID名称，其次是 footer，和 header。以 fb_开头的ID表示使用了Facebook的小工具。2021年，以rc-开头的ID，表示使用谷歌的 reCAPTCHA 系统，在 7% 的页面上看到，尽管被Facebook的ID名称挤出了前十名，但仍然以同样的频率出现。

代码部署后可能存在的BUG没法实时知道，事后为了解决这些BUG，花了大量的时间进行log 调试，这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。

交流

有梦想，有干货，微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。

本文 GitHub https://github.com/qq449245884/xiaozhi 已收录，有一线大厂面试完整考点、资料以及我的系列文章。