使用CSS修改网站背景色首次生效后再次修改不生效问题咨询

解决方案 #

• 浏览器缓存问题（最高概率）
  浏览器默认会缓存CSS等静态资源减少重复请求，你首次加载后旧的棕色样式的CSS文件已经被缓存，后续修改后浏览器默认读取本地缓存的旧文件。解决方式：
  • 按强制刷新快捷键重新拉取资源：Windows系统按Ctrl + F5，Mac系统按Cmd + Shift + R
  • 打开浏览器控制台，切换到「网络」选项卡，勾选「禁用缓存」后保持控制台开启，再刷新页面即可加载最新的CSS文件
• 静态资源未加版本标识导致缓存持续生效
  你使用Django模板加载静态文件时，可以给CSS链接加版本查询参数，每次修改样式后更新版本号，强制浏览器拉取新资源，参考写法：

  {% load static %}
  <link rel="stylesheet" href="{% static '你的样式文件夹路径/style.css' %}?v=1.1">
  

• 生产环境未同步静态资源
  如果你当前是在Django生产环境运行项目，修改static目录下的CSS文件后需要执行收集静态资源的命令，才能把修改同步到服务器实际读取的静态资源目录：

  python manage.py collectstatic
  

• 确认修改的是正确的CSS文件
  打开浏览器控制台的「网络」面板，过滤找到加载的style.css文件，点击查看文件内容，如果里面的背景色还是brown，说明你本地修改的CSS文件和项目实际加载的文件不是同一个，核对static目录配置和文件路径即可。

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