为了首屏把按钮样式内联进 head，结果主按钮从 #2f6fed 变成了 #cccccc，开发者工具里看到内联那段排在后面，把主样式表的规则压掉了。碰到这种情况，我一般先确认改动有没有真的生效。
原因不复杂，同样的选择器权重相同时，后出现的规则生效。内联块被放在样式表之后，等于给所有规则加了一次覆盖。
「关键 CSS 冲突」相关的日志我一般连着看前后五分钟，单看一条报错经常判断不出是哪一步失败。报错里带路径的，先去看那个路径在不在、权限对不对。
<style>/* 只放首屏骨架，放在 link 之前 */</style> <link rel='stylesheet' href='/style.css'>
同一份配置存在多处的，先确认改的是被加载的那一份。新版本先放一台机器上跑一天再全量，问题一般在这段时间暴露。
具体做法是，把内联的关键 CSS 挪到样式表 link 之前 让它只做兜底；内联里只留首屏必需的布局和字体规则 组件配色交回主样式表；改完在计算样式里确认生效来源 别只看源码顺序。
最后用这个标准收尾，主按钮恢复主题色，查看计算样式时来源是 style.css 而不是内联块。