通过在CSS文件URL后添加版本号可强制浏览器重新加载最新样式。1. 使用?v=版本号（如style.css?v=1.0.2）使URL变化，触发新资源请求。2. 可用时间戳或构建工具生成哈希文件名实现自动更新。3. 配合HTTP缓存策略，对带版本资源设长期缓存，HTML设短缓存，兼顾性能与更新及时性。该方法简单有效，适合小型项目。
当使用外链方式引入CSS文件时，浏览器会根据缓存策略自动缓存该资源。如果后续更新了CSS但文件名不变，用户访问页面时可能仍加载旧的缓存版本，导致样式修改不生效。为解决这个问题，可以通过在标签的URL后添加版本号（或时间戳、哈希值）来强制浏览器重新请求最新资源。
1. 使用版本号参数刷新CSS缓存
在引用CSS的标签中，给文件路径加上?v=版本号的形式，例如：
<link rel="stylesheet" href="style.css?v=1.0.1">
每次更新CSS文件后，只需修改版本号：
立即学习“前端免费学习笔记（深入）”；
<link rel="stylesheet" href="style.css?v=1.0.2">
由于URL发生变化，浏览器会将其视为新资源重新下载，从而避免使用旧缓存。
2. 使用时间戳或构建哈希代替手动版本号
除了手动维护版本号，还可以采用更自动化的方式：
-
开发阶段：使用时间戳临时测试，如：
style.css?t=202504051200 -
生产环境推荐：在构建流程（如Webpack、Vite等）中自动生成文件名哈希，例如：
style.a1b2c3d.css
这样无需额外参数，文件变更后名称不同自然打破缓存。
3. 配合服务器缓存策略更有效
仅加版本号还不够，应配合HTTP缓存头设置：
- 对带版本号的静态资源（如style.css?v=1.0.1），设置长期缓存（max-age=31536000）
- HTML文件应禁用缓存或设置短时效，确保能获取最新的带新版本号的CSS链接
这样既能保证更新生效，又能提升性能。
基本上就这些。通过在link中加版本号改变URL，是最简单有效的强制刷新CSS缓存的方法，尤其适合没有构建工具的小型项目。
