我们有时候可能需要修改wordpress主题或插件CSS样式，以达到我们想要的效果。我们直接修改CSS文件就会发现它不会立即生效，甚至要很久之后才会生效，这是怎么回事呢？
因为缓存！不管是浏览器，还是服务器，甚至是CDN、对象存储的缓存，都可能导致网站的CSS样式不能立即更新，今天老马就给大家分享解决方法。
一：手动修改替换
发现修改后的css代码并没有生效，说明浏览器缓存了之前的css代码。
解决：使用无痕模式，禁用缓存即可。如果仍然无效，还需要刷新CDN缓存，如果使用了对象存储，我们还需要用本地修改过的CSS文件替换对象存储中的CSS文件。
总的来说这种做法非常不方便，很麻烦，而且容易出错，所以老马不推荐大家使用这样的方法。
二：设置额外CSS
新版wordpress主题会提供额外的代码添加功能，大部分wordpress主题的自定义设置中有一个【额外CSS】选项。
后台依次点开，外观-自定义-额外css。点开之后就可以添加CSS代码。
如果你使用的主题没有添加代码的功能，那么可以使用第三方的插件代码，进入wordpress后台，在插件中心搜索就可以找到很多，如上图中的几个都可以。
操作演示
接下来老马通过实例教大家添加额外CSS。
如上图所示，比如发现我们网站存在一个问题，就是导航栏比广告长一截，页面宽度比广告短一截，影响美观。
那我们在浏览器在按F12查看源码，然后找到这个列表页的CSS样式，测试修改宽度为1200比较合适。
于是就在额外css中输入如下CSS代码，即可解决问题。
最终的效果如下图所示。
