外部CSS设置背景色不生效但行内、内部CSS正常怎么办
外部CSS背景样式不生效排查步骤
- 校验外部CSS文件引入配置
确认HTML头部的link标签配置正确,不能遗漏rel="stylesheet"属性,示例正确写法:
同时核对<link rel="stylesheet" href="你的CSS文件实际路径">href的路径是否和CSS文件存放位置完全匹配,注意路径大小写在部分服务环境下是敏感的,相对路径使用错误、文件名拼写错误都会导致CSS文件加载失败。 - 排查样式优先级覆盖问题
按下F12打开浏览器开发者工具,选中body元素查看样式面板,如果你写的background-color: limegreen规则被划去,说明存在优先级更高的样式覆盖了该规则,可能是其他引入的公共样式、浏览器插件注入的样式导致。可以临时在属性值后加!important测试:
如果修改后生效就可以确认是样式被覆盖,后续调整对应规则优先级即可。body{ background-color: limegreen !important; } - 检查CSS文件全局语法
你当前贴出的这段CSS语法没有问题,需要确认整个CSS文件中,body规则的前序代码有没有遗漏闭合的大括号、分号,前序的语法错误会导致后续所有样式规则失效。 - 清除浏览器缓存测试
浏览器默认会缓存静态资源,按下Ctrl+F5强制刷新页面,或者在开发者工具的网络面板勾选「禁用缓存」后刷新,排除缓存导致加载旧样式的问题。
内容的提问来源于stack exchange,提问作者user16907108
相关产品推荐
相关产品推荐

