最近 CSS 新特性你了解哪些？

⚡ 速记答案（30 秒）

选择器：:is/:where/:has/:focus-visible。布局：容器查询 @container、subgrid、aspect-ratio、gap 用于 flex。组织：@layer、原生 nesting、@scope 草案。颜色：lab()/lch()/color(display-p3)、color-mix()。动效：View Transitions、scroll-timeline。面试挑几条真用过的展开讲。

📖 详细讲解

标准面试回答（推荐记住）

CSS 最近有很多新特性。选择器方面：:is 和 :where 简化复杂选择器、:has 父选择器终于实现了、:focus-visible 优化焦点样式。布局方面：容器查询 @container 可以基于容器尺寸而不是视口做响应式、subgrid 让子网格继承父网格、aspect-ratio 控制宽高比、gap 可以用在 Flex 上了。CSS 组织方面：@layer 控制级联优先级、原生 CSS 嵌套终于支持了。颜色方面有 lab、lch 等新色彩空间和 color-mix 混合颜色。动效方面有 View Transitions API 和 scroll-timeline。面试时挑几个自己真正用过的展开讲。

✅ 面试要点

•:has 父选择器
•@container 容器查询
•原生 CSS 嵌套