关键词：CSS 2023 年重大更新

新特性非常多，总结在下面

详情请看文档：https://juejin.cn/post/7320288231111016498

架构基础

• 级联层
• 嵌套
• 作用域
• 选择器 :is() 和 :where()
• 选择器 :has()
• 复杂的第 n-. 选择
• CSS 三角函数
• 子网格 subgrid

排版

• 首字下沉
• 均衡和美观

颜色

• 高清色彩空间
• color-mix() 函数
• 相对颜色语法
• 响应浅色或深色模式的 light-dark() 函数

响应式设计

• 容器查询之尺寸查询
• 容器查询之样式查询
• 容器查询之状态查询
• 更新媒体查询
• 脚本媒体查询
• 降低透明度的媒体查询
• 媒体查询范围

交互动画

• 视图过渡
• 滚动驱动动效
• 离散属性动画
• @starting-style
• overlay
• 锚点定位
• 动画合成
• 缓动函数 linear()
• Scrollend 事件
• 滚动捕捉