当前位置: 首页 > 科技观察

2022年最流行的CSS伪类和伪元素是什么?

时间:2023-03-12 19:29:07 科技观察

CSS是一种用于对网页和其他媒体进行布局和格式化的语言。它是网络的三种主要语言之一,另外两个是HTML(用于结构)和JavaScript(用于行为)。每年,我们都会看到CSS的规模在增长,2022年也不例外。今天我们就来看看2022年最流行的CSS伪类和伪元素有哪些。2022年最流行的伪类占比用户行为伪类:hover,:focus,and:active再次跻身前三。否定伪类:not()和:root也继续流行,可用于创建自定义属性。去年,人们注意到:focus-visible,一种以更符合用户期望的方式设计焦点元素的方式,出现在不到1%的页面上。自2022年3月起在所有三个主要引擎中可用,该属性现在出现在10%的桌面页面和9%的移动页面上。我们过滤掉任何前缀(因此特定于浏览器)的伪元素。它们通常用于选择浏览器的界面组件或元素,而我们感兴趣的是开发人员实际使用的伪元素。自去年以来,::before和::after的使用有所增加。这些用于在文档中插入生成的内容。通过检查content属性的用法,我们可以看到它最常用于插入一个空字符串,用于样式目的。生成的内容是一种无需添加元素即可设置网格区域样式的方法;也许这就是为什么这些属性的使用也增加了?::marker伪元素的使用率现在为1%,这表明人们正在慢慢开始利用select和样式列表标记的强大功能。属性选择器最受欢迎的属性选择器是类型,占54%。下一个最受欢迎的属性选择器是class占37%,disabled占25%,dir占17%。伪元素