通过在CSS文件URL后添加版本号可强制浏览器重新加载最新样式。1. 使用?v=版本号（如style.css?v=1.0.2）使URL变化，触发新资源请求。2. 可用时间戳或构建工具生成哈希文件名实现自动更新。3. 配合HTTP缓存策略，对带版本资源设长期缓存，HTML设短缓存，兼顾性能与更新及时性。该方法简单有效，适合小型项目。

当使用外链方式引入CSS文件时，浏览器会根据缓存策略自动缓存该资源。如果后续更新了CSS但文件名不变，用户访问页面时可能仍加载旧的缓存版本，导致样式修改不生效。为解决这个问题，可以通过在标签的URL后添加版本号（或时间戳、哈希值）来强制浏览器重新请求最新资源。

1. 使用版本号参数刷新CSS缓存

在引用CSS的标签中，给文件路径加上?v=版本号的形式，例如：

每次更新CSS文件后，只需修改版本号：

由于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缓存的方法，尤其适合没有构建工具的小型项目。