css文件更新却看不到更新的效果

一. 问题背景

在使用css设置页面效果的时候，明明已经保存了css文件并且重新编译了，浏览器也重新打开。页面也刷新了，但是就是看不到更新css后的效果。

二. 解决方案

1. 首先在谷歌浏览器里面按F12，再按F1
2. 将Network里面的Disable cache(while DevTools is open)打勾，目的是取消谷歌浏览器的缓存功能
3. 重新运行页面，看看有没有更新后的效果
4. 如果还看不到，那么按F12，点击“Network”选项，取消Disable cache的打勾，再刷新页面。
5. 刷新完后，再重新打上勾Disable cache