需在about:config中手动启用五项实验性CSS功能：一、Grid子网格（layout.css.grid-template-subgrid-value.enabled）和Grid Level 2（layout.css.grid-2）；二、容器查询（layout.css.container-queries.enabled）；三、嵌套语法（layout.css.nesting.enabled）；四、:has()选择器（layout.css.has-selector.enabled）；五、锚点定位（layout.css.anchor-positioning.enabled）及滚动驱动动画（layout.css.scroll-driven-animations.enabled）。
如果您希望在火狐浏览器中启用尚未默认开放的实验性CSS功能，以便进行前沿网页兼容性测试，则需手动激活对应配置项。以下是具体操作步骤：
一、启用CSS Grid Layout支持
Firefox自较早版本起已内置CSS Grid支持，但部分高级子特性（如subgrid或隐式命名线扩展）可能仍被标记为实验性，需通过about:config显式开启。
1、在地址栏输入 about:config 并回车，点击“接受风险并继续”。
2、在搜索框中输入 layout.css.grid-template-subgrid-value.enabled。
立即学习“前端免费学习笔记（深入）”；
3、若该首选项存在且值为 false，双击将其设为 true；若不存在，右键 → 新建 → 布尔值，名称填入上述字符串，值设为 true。
4、再搜索 layout.css.grid-2，确保其值为 true（该开关控制Grid Level 2整体启用状态）。
二、启用CSS Container Queries支持
Container Queries依赖于CSS容器查询规范的底层实现，Firefox自111版本起提供实验性支持，需启用独立标志。
1、在 about:config 页面中搜索 layout.css.container-queries.enabled。
2、双击该条目，将布尔值由 false 改为 true。
3、重启浏览器使更改生效。
三、启用CSS Nesting支持
CSS嵌套语法（@nest、嵌套选择器缩进）目前处于Stage 3草案阶段，Firefox通过独立配置项提供实验性解析能力。
1、在 about:config 中搜索 layout.css.nesting.enabled。
2、若未找到，右键空白处 → 新建 → 布尔值，名称精确输入 layout.css.nesting.enabled，值设为 true。
3、确认该首选项状态为 true 后关闭配置页。
四、启用CSS :has() 选择器支持
:has() 是父选择器的关键实现，Firefox自103版本起默认启用，但在早期测试构建中可能需手动解锁。
1、访问 about:config，搜索 layout.css.has-selector.enabled。
2、确保其值为 true；若为 false，双击切换。
3、无需重启，刷新当前测试页面即可立即识别 :has() 规则。
五、启用CSS Anchor Positioning支持
锚点定位（anchor() 函数与 position-anchor 属性）属于CSS Positioned Layout Module Level 1，目前仅在Nightly版Firefox中可用且需强制开启。
1、确认使用的是 Firefox Nightly 版本（非Release或Beta）。
2、在 about:config 中搜索 layout.css.anchor-positioning.enabled。
3、将该布尔值设为 true。
4、同时检查 layout.css.scroll-driven-animations.enabled 是否也为 true（部分锚点动画依赖此开关）。
