What’s !important #11: 3D Voxel Scenes, Flying Focus, CSS Syntaxes, and More
本期聚焦多项CSS前沿技术及工具更新。Heerich.js引擎可生成基于SVG的可样式化3D体素场景，允许通过CSS变量进行视觉控制。Polypane浏览器推出代码片段库，提供一键提取核心HTML的功能。在交互层面，通过视图过渡动画实现焦点元素的动态效果成为新趋势，同时需考虑对动画偏好设置的适配。 CSS选择器与语法持续演进：`:nth-child(n of selector)` 已获得广泛支持，结合嵌套规则可实现更精确的元素定位。范围语法（使用 >、< 等比较运算符）为媒体查询和容器查询提供了更直观的表达方式，但需留意容器查询在不同浏览器中的支持进度。滚动驱动动画的复杂逻辑得到更清晰的解析，为即将到来的滚动触发动画功能奠定基础。 浏览器平台方面，Chrome 148引入仅名称容器查询、`revert-rule` 关键字等新特性；Safari 26.5则新增`:open`伪类及改进的`random()`函数。这些更新共同推动着网页表现力与交互能力的提升。