WordPress子主题开发时VS Code无法识别已生效CSS类该如何解决

1 优先修复CSS语法错误 #

你当前提供的CSS代码存在明显语法错误，会直接导致VS Code的CSS解析器中断，后续所有类名都无法正常高亮：

/* 错误写法：linear-gradient 缺少右闭合括号 */
border-color: linear-gradient(#7864f4, #00aeef;
/* 正确写法 */
border-color: linear-gradient(#7864f4, #00aeef);

补充说明：border-color原生不支持直接设置渐变色，后续你如果要实现渐变边框效果，可改用border-image或者背景层模拟的方案实现

2 检查VS Code基础配置 #

• 确认文件语言模式：查看VS Code底部状态栏的语言标识，如果不是「CSS」，点击标识手动选择「CSS」即可
• 重载窗口：按下Ctrl+Shift+P（Mac系统为Cmd+Shift+P），输入并执行Developer: Reload Window，重载后看高亮是否恢复

3 排查插件冲突 #

如果近期安装了新的代码主题、CSS增强、代码高亮类插件，可临时禁用全部第三方插件后重启VS Code，排查是否是插件冲突导致的高亮失效

4 检查文件关联配置 #

如果你的CSS代码是写在.php模板文件的内嵌样式中，可打开设置（快捷键Ctrl+,/Cmd+,），搜索files.associations，确保你使用的样式文件（如WordPress子主题默认的style.css）被关联到CSS语言类型。

内容的提问来源于stack exchange，提问作者Lenny