Firefox中:has()未生效需先确认版本≥121，再在about:config中启用layout.css.has-selector.enabled为true；若使用userChrome.css还需开启toolkit.legacyUserProfileCustomizations.stylesheets；最后禁用干扰扩展及开发者工具的禁用样式选项。
如果您在 Firefox 中使用 :has() 伪类时样式未生效，可能是该实验性 CSS 功能尚未启用。Firefox 自 121 版本起默认启用 :has()，但部分测试构建或早期 120 及更早版本仍需手动开启支持。以下是启用该功能的具体操作步骤：
一、通过 about:config 启用 layout.css.has-selector.enabled
此方法直接修改底层配置标志，适用于所有需手动启用 :has() 的 Firefox 版本（如 120 及更早），是启用该特性的核心路径。Firefox 121+ 用户也建议验证此项是否为 true，以防被意外禁用。
1、在地址栏输入 about:config 并按回车键访问高级配置页面。
2、在搜索框中输入 layout.css.has-selector.enabled。
立即学习“前端免费学习笔记（深入）”；
3、确认该首选项存在且其值为 true；若显示为 false，请双击该项将其切换为 true。
4、关闭 about:config 页面，无需重启浏览器，刷新当前测试网页即可立即应用 :has() 规则。
二、验证并确保 Firefox 版本满足最低要求
Firefox 对 :has() 的支持存在明确的版本分水岭：121+ 版本默认启用且稳定可用；120 及更早版本即使启用标志，也可能存在匹配异常或 DOM API 不兼容问题（如 querySelectorAll() 抛出错误）。因此，版本验证是启用前的必要前提。
1、点击右上角菜单按钮（三条横线），选择 帮助 → 关于 Firefox。
2、等待自动检查更新，确认当前版本号 ≥ 121.0；若低于该版本，请先升级至最新稳定版。
3、升级完成后，重新执行“一、通过 about:config 启用”中的全部步骤，确保标志状态同步更新。
三、启用 toolkit.legacyUserProfileCustomizations.stylesheets（辅助样式调试）
当您在开发中配合 userChrome.css 或 userContent.css 进行深度样式测试时，该设置可确保自定义 CSS（含 :has() 规则）被 Firefox 正确加载和解析，避免因样式表禁用导致实验性功能失效。
1、在地址栏输入 about:config 并回车。
2、搜索 toolkit.legacyUserProfileCustomizations.stylesheets。
3、将该项值设为 true（双击切换）。
4、重启 Firefox 浏览器，使自定义样式支持生效。
四、禁用可能干扰的扩展与严格模式
某些内容拦截类扩展（如 uBlock Origin 的“高级用户模式”）或开发者工具中的“禁用样式”选项，可能阻止 :has() 相关 CSS 规则被解析或渲染，造成误判为功能未启用。
1、点击地址栏右侧的扩展图标，临时禁用所有第三方扩展。
2、按 F12 打开开发者工具，切换到 设置 → 常规，确认未勾选 禁用所有样式 或类似选项。
3、刷新测试页面，观察 :has() 样式是否恢复渲染。
