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

【问题标题】：I've done CSS changes but still no changes in frontend我已经完成了 CSS 更改，但前端仍然没有更改
【发布时间】：2013-09-20 21:50:19
【问题描述】：

在 Firebug 的帮助下，我对 CSS 进行了一些更改，重新确定了内容的位置，同时，虽然在编辑 子主题 时使用 firebug 时的结果更改与我想要的完全一样*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，效果立竿见影。

我做错了吗？

【问题讨论】：

不确定是否正确理解：您正在使用 firebug 进行一些样式修改，并且您希望这些更改可以永久修改 css 本身？
你的浏览器或服务器缓存呢？
不，在 wp 编辑器中编辑子主题 style.css 之后，并且只有在更新它之后。正如我之前所做的所有更改。
audre7...你就是男人。我已经清除了所有缓存。现在很好。美丽的。我忘了我一直在优化网站。缓存问题是改进之一。非常感谢...我怎样才能继续给你这个学分？我也是这里的菜鸟。
仅供参考...如果您对任何网站的 css 进行了任何更改 - 它也可能是纯 html，只需在访问该网站之前刷新浏览器缓存（您可以通过按 ctrl+R 来完成进行强制刷新）。此外，一些主机具有服务器缓存。如果您使用任何缓存插件（w3-total cache 等），您必须在更改站点时清除服务器缓存或禁用它们。

标签： css wordpress wordpress-theming firebug

【解决方案1】：

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

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：