2026 年该掌握的 CSS:容器查询、@scope、View Transitions 与 Tailwind 4
CSS 正在把 JS 的活抢回去 过去几年,很多“必须用 JS 才能做”的效果已经被 CSS 原生实现:滚动驱动动画、弹层、主题切换、页面转场。这不只是写法变化,而是更少的代码、更少的布局抖动、更好的可访问性。 下面这四个特性,是 2026 年最值得投入学习的。 一、容器查询:组件自适应,而不是页面自适应 媒体查询看的是视口,容器查询看的是父容器。这让“同一个卡片在侧栏和主区显示不同布局”成为可能,组件终于真正自洽。 css .card-wrap { container-ty...