WordPress使用Divi子主题无法找到按钮颜色对应CSS代码求助

• 先验证子主题样式表有效性
  打开子主题style.css，确认头部注释包含Template: Divi声明，缺少该字段会导致子主题样式不被WordPress加载，自然无法在审查元素中匹配到对应规则，标准注释格式参考：

  /*
  Theme Name: Divi Child
  Template: Divi
  Version: 1.0.0
  */
  

• 关闭CSS压缩合并选项
  进入WordPress后台「Divi > 主题选项 > 性能」，临时关闭「最小化CSS」「合并CSS文件」类设置，清空站点缓存后再用审查元素检测。Divi的CSS合并功能会把所有样式压缩到单个文件中打乱原有行号，会导致审查元素无法关联到style.css的原代码位置。
• 检查样式优先级覆盖逻辑
  Divi自带的按钮样式选择器层级通常更高，你写的规则如果优先级不足会被覆盖，只会出现在审查元素样式面板底部的「已匹配但未应用」列表中，被划上删除线。可以临时在样式属性后加!important验证，如果生效就说明是优先级问题，后续调整选择器层级匹配Divi的规则权重即可。
• 排除自定义模块样式干扰
  如果你在Divi页面构建器、主题生成器中给单个按钮模块单独设置了颜色，这类内联样式优先级高于style.css的全局规则，会覆盖你写的样式，需要先去对应页面的模块设置中删除自定义样式参数。
• 清空所有缓存后再测试
  依次清空Divi自带缓存、站点缓存插件缓存、浏览器本地缓存、CDN缓存后再排查，缓存未清理是修改后样式不生效、审查元素看不到新规则的常见原因。

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