0

我在CSSFirebug 的帮助下进行了一些更改，重新确定了内容的位置，同时，虽然使用 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同样的方式做出改变，而且影响是立竿见影的。

难道我做错了什么？

4

2 回答 2

0

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

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

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

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

于 2013-09-20T12:25:48.227 回答
0

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

于 2013-09-20T13:50:19.540 回答