我已经完成了CSS更改，但前端仍然没有变化

Question

我已经在Firebug的帮助下进行了一些CSS更改，同时，在编辑子主题时，重新确定内容的位置，同时使用firebug时结果的变化与我想要的完全相同strong> * style.css *更新后，前端仍然保持不变......由Firebug确认。 我的目标是使grid view块可调整到image，类似于pinterest图片显示演示。 以下代码是我改变的：

#content .category_grid_view {
margin:-10 0 20px -15px;
padding:0;
width:650px;
clear:both;
}
#content .category_grid_view li {
background: none repeat scroll 0 0 transparent;
float: left;
list-style: none outside none;
margin: -10 0 20px;
padding: 0 0 0 15px;
position: relative;
width: 200px;
}
#content .category_grid_view li.hr { 
display: none;
}
#content {
float: left;
overflow: hidden;
padding-left: 5px;
width: 640px;
}
#content .category_grid_view li a.post_img {
display: block;
margin-bottom: 0;
padding: 0;
background: none repeat scroll 0 0 #FFFFFF;
border: 0 solid #E2DFDF;
box-shadow: 0 0 0 #DDDDDD;
height: auto;
width: 100%;
overflow: hidden;
width: 100%;
}

这是第一次发生在我身上......之前，我曾经以相同的方式进行CSS更改，并且影响是无可争议的。

我做错了吗？

Answer 1

您使用的是缓存插件，例如W3-Super-Cache，还是像Cloudflare这样的CDN？如果是这样，您可能需要清除缓存。

此外，您的浏览器可能正在缓存CSS。按住Ctrl并按F5可清除大多数浏览器中的缓存（或在浏览器设置 - >清除缓存下）。

第三种可能性是你的孩子主题的CSS由于某种原因没有加载。

编辑：我看到您的问题已在上面的评论中得到解答，但我还想提一下，您可以通过使用firebug检查页面来轻松检查主题的CSS是否正在加载，并希望看到加载了特定的CSS文件（通常在头部）。

Answer 2

我使用chrome并且我确定firefox是相同的，但你应该能够看到css脚本文件列表，选择任何一个，并查看其内容。如果您更新了外部css文件（包含在链接标记的html中），并使用ctrl + f5或fn + f5刷新了网页，则所有更新的规则都将可见。在chrome中你可以查看每个元素并查看应用了哪些文件样式，这应该与firefox

相同