详解16个CSS新特性（2021最新版-上）

Posted 阿里巴巴淘系技术团队官网博客

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了详解16个CSS新特性（2021最新版-上）相关的知识，希望对你有一定的参考价值。

 2021 CSS 的新特性和之前两年的相比有相似也有不同，本文就带大家看看今年的 CSS 到底说了什么。


简介

如果您有关注过这两年的 CSS 发展状态报告（2019年和2020年）的话，不难发现，在报告中有专门关于 CSS 新特性一项的介绍。


图片by 2020 年 CSS 发展状态报告(https://2020.stateofcss.com/en-US/features/)

是不是有种似有相识的感觉，或者有一些又是那么的陌生。

对于我而言，这些都不陌生。不过我想说的是上图（或者报告）中提到的只是冰山一角，有很多是没有出现在调查问卷和报告中。

比如接下来内容中提到的伪类选择器，内容可见性，容器查询等等。

嗯！先从 CSS 选择器开始！(^_^)

CSS伪类选择器