CSS实验性功能及CSS4特性

CSS4目前仍然是一个宽泛的概念，因为CSS的发展通常是通过一系列逐步完善的模块来进行的，而不是一次性推出一个全新的“第四代”。许多所谓的“CSS4”特性实际上是正在开发或已经草案阶段的CSS模块，它们可能在未来的CSS规范中被正式采纳。

选择器4：

• :is() 和 :where() 伪类允许动态选择一组元素。
• :has() 伪类选择器允许基于子元素选择父元素。
• :scope 伪类用于在Shadow DOM中选择元素。

变量与自定义属性：

• var() 函数允许在CSS中使用变量。
• –* 命名的自定义属性提供更强大的变量支持。

颜色模块：

• 更多的颜色空间，如HSLA、HSV、色彩函数等。
• color-adjust 属性允许对打印时的颜色进行调整。

布局模块：

• CSS Grid Layout 提供二维网格布局。
• CSS Flexbox的增强，例如更多细粒度的控制。
• CSS Multi-column Layout 用于创建报纸样式的多列布局。

动画与过渡