如何在Chrome开发者工具审查器中添加自定义CSS时禁用类列表弹窗

嘿，我来帮你搞定这个小烦恼！当你在Chrome DevTools的样式面板里写自定义CSS时，那个自动弹出来的类列表提示框确实会打断思路，下面是具体的关闭步骤：

• 先打开Chrome开发者工具：可以按F12，或者用快捷键Ctrl+Shift+I（Windows/Linux）、Command+Option+I（Mac）唤起它。
• 点击DevTools右上角的齿轮⚙️图标，进入设置面板。
• 在设置里切换到**「实验」**（Experiments）标签页。
• 在实验选项列表里，找到**「Disable CSS class suggestions while editing styles」**这个选项，勾选它。
• 最后重启一下DevTools就行：可以直接关闭再重新打开，或者按Ctrl+Shift+P（Windows/Linux）、Command+Shift+P（Mac）调出命令面板，输入「Reload DevTools」并回车。

如果在实验列表里找不到这个选项，记得先勾选顶部的**「显示所有实验」**开关，就能看到全部可选的实验项啦。

附上你提到的弹窗截图：

备注：内容来源于stack exchange，提问作者Ali