Chrome 119及以上版本需通过chrome://flags启用CSS Nesting标志并重启，安卓端需在“关于Chrome”中启用开发者模式后开启，最后用css.supports('nesting', 'true')验证返回true即成功。

如果您在Chrome浏览器中尝试启用原生CSS嵌套（CSS Nesting）功能但未生效，则可能是由于浏览器版本过低、实验标志未正确启用或未使用规范语法。以下是开启并验证CSS Nesting实验性支持的具体操作路径：

一、确认并升级Chrome至兼容版本

CSS Nesting在Chrome 116起默认启用，但完整稳定支持（含@nest规则）需Chrome 119及以上版本。低于119版本仅支持基础嵌套（无@nest），且部分语法可能被忽略。

1、点击浏览器右上角三个点图标，选择“帮助” → “关于Google Chrome”。

2、浏览器将自动检查更新；若存在新版本，下载并重启完成升级。

立即学习“前端免费学习笔记（深入）”；

3、升级完成后，在地址栏输入chrome://version回车，确认版本号≥119。

二、通过chrome://flags启用CSS Nesting实验标志

即使版本≥119，部分环境仍需显式启用该标志以确保兼容性。此步骤可覆盖因企业策略或安装包定制导致的默认禁用情形。

1、在地址栏输入chrome://flags并回车，进入实验性功能页面。

2、在顶部搜索框中输入CSS Nesting，等待结果过滤。

3、找到名称为CSS Nesting的条目（状态显示为Default或Disabled）。

4、点击其右侧下拉菜单，选择Enabled。

5、页面底部点击Relaunch按钮，重启浏览器使设置生效。

三、使用专用Flags链接直达并启用

跳过主列表筛选，直接访问CSS Nesting专属配置项，避免因关键词匹配偏差误启其他功能。

1、在地址栏粘贴并访问完整URL：chrome://flags/#css-nesting。

2、页面自动定位至CSS Nesting开关区域。

小红书长文-谷歌浏览器

在 Linux 上通过 Chrome 挂载/VNC 自动发布小红书长笔记。Agent 撰写标题和正文后执行 xhs_publish.sh --publish --submit，触发小红书发布。

下载

3、确认其状态为Enabled；如非此状态，点击下拉菜单选择Enabled。

4、点击页面右下角Relaunch重启浏览器。

四、在安卓版Chrome中启用CSS Nesting

安卓端不支持地址栏直接输入chrome://flags，必须通过“关于Chrome”入口进入实验功能列表，路径与桌面端不同。

1、打开手机上的Chrome应用。

2、点击右上角三个垂直圆点图标，展开菜单。

3、滚动到底部，选择关于 Chrome。

4、在“关于 Chrome”页面中，连续点击版本号七次，激活开发者模式提示。

5、返回上一级，出现实验性功能选项，点击进入。

6、在列表中查找CSS Nesting，点击右侧开关启用，并按提示重启应用。

五、验证CSS Nesting是否成功启用

启用后需通过JavaScript接口检测运行时支持状态，避免依赖UI界面显示的“Enabled”而忽略实际解析能力缺失。

1、打开任意网页，按Ctrl+Shift+I（Windows/Linux）或Cmd+Option+I（macOS）调出开发者工具。

2、切换到Console面板。

3、输入并执行以下代码：css.supports('nesting', 'true')。

4、若返回true，表示浏览器已成功识别并支持CSS Nesting语法；若返回false，请重新检查前四步操作。