CSS样式表已加载但未应用于HTML页面的技术求助

1. 验证CSS的MIME类型 #

打开浏览器DevTools的网络面板，找到style.css的请求，查看响应头的Content-Type。如果不是text/css，说明服务器配置有误：

• Apache：在.htaccess文件中添加 AddType text/css .css
• Nginx：确保配置文件里包含 types { text/css css; }

2. 排查路径与缓存 #

• 把link标签的路径改成绝对路径/style.css，测试是否是相对路径解析错误
• 强制刷新页面（Ctrl+F5），或在DevTools中勾选「禁用缓存」，排除旧缓存干扰

3. 检查CSS文件本身 #

• 确认style.css是UTF-8无BOM编码，避免编码问题导致样式解析失败
• 用W3C CSS校验工具检查代码语法，确保没有语法错误

4. 测试样式优先级 #

临时给CSS规则加!important：

body {color: red !important;}

如果生效，说明存在其他样式（比如浏览器默认样式、未发现的全局CSS）覆盖了当前规则，需要进一步排查样式优先级。

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