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

Question

我在 Firebug 的帮助下对 CSS 进行了一些更改，重新识别内容的位置，同时，尽管使用 firebug 时结果的更改与我想要的完全一样，但在编辑 child 时主题 *style.css* 更新后，前端仍然保持不变...由 Firebug 确认。我的目标是使 grid view block 可根据 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，还是 CDN，例如 Cloudflare？如果是这样，您可能需要清除缓存。

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

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

编辑: 我看到您的问题在上面的评论中得到了回答，但我还想提一下，您可以通过使用 Firebug 检查页面轻松检查您的主题的 CSS 是否正在加载，并查看该特定 CSS 文件已加载(通常在头部)。