Git revert 之后为什么我的 CSS 修改没恢复？

Mr.熙苒提问于 2026-03-08 20:55:18 阅读 424

工具

我用 git revert HEAD 撤销了最近一次提交，但发现之前改的 CSS 样式还是生效的，没回到原来的样子，这是为啥？

我改的是一个按钮的样式，原本是蓝色，后来改成红色并提交了。现在 revert 之后，代码看起来回退了，但页面上按钮还是红的。我试过清除缓存、重启开发服务器，都没用。

.btn {
  background-color: red;
  border: none;
  padding: 8px 16px;
  color: white;
  border-radius: 4px;
}

协作开发版本控制

我来解答赞 1 收藏

反馈

1 条解答

上官雨晨 Lv1

这种情况很可能是构建工具在搞鬼。git revert确实把代码回退了，但你的CSS可能被webpack之类的工具缓存了。试试这几个步骤：

1. 先确认代码确实回退了：

git show HEAD

看看按钮样式是不是变回蓝色了

2. 如果代码没问题，强制清理构建缓存：

rm -rf node_modules/.cache

3. 再重新构建：

npm run build

要是还不行，把浏览器开发者工具打开，检查Network面板看看加载的CSS文件是不是最新的。有时候浏览器也会缓存CSS，可以试试无痕模式。

妈的现代前端开发就这德行，改个CSS都得跟缓存斗智斗勇...

2026-03-08 21:05