在我刷新页面之前CSS不适用?

时间:2017-05-04 19:00:26

标签: css ajax wordpress wordpress-theming

我的个人site

有一个奇怪的问题

我想自定义页脚徽标(左下角)并将此CSS加入以使图像稍微移动一下:

.page-id-769 .footer-row img {
margin-top:-30px;
}
.page-id-778  .footer-row img {
margin-top:-30px;
}
.page-id-98 .footer-row img {
margin-top:-30px;
}
.page-id-439 .footer-row img {
 margin-top:-30px;
}
.page-id-85 .footer-row img {
margin-top:-30px;
}

所以我可以使用版权文本(在页脚右下方),但是在打开主站点时,在主页上的loosk一切正常,但是如果点击某个页面,我的CSS不适用于该部分由于某些原因。如果单击F5刷新页面,我的CSS将应用,并且可以看到更改。如何使CSS无需工作

重新打开页面,因为look主题是使用Ajax在菜单中的页面之间移动。

由于

2 个答案:

答案 0 :(得分:1)

.page-id-769类仅自动附加到标识为79的页面。如果要将其应用于所有页面,请使用其他类。出现在您的所有页面上。 .page似乎适合这项工作:

.page .footer-row img {
  margin-top: -30px;
}

另一种选择是使用具有更多特异性的页脚ID:

#footer .footer-row img { ... }

关于必须刷新页面以查看对{​​{1}}所做的CSS更改,这是因为您的浏览器会在您访问style.css后保留其副本并将使用重新访问该页面时,此副本。有几种技术可以禁用此行为,例如在将文件名排入队列时将随机参数附加到文件名,或使用style.css规则动态执行此操作。此外,a plugin可用于此任务。

但是,请记住,这只应在开发时使用。它极大地影响了站点性能(因为资源总是重新加载,而不是缓存)。

另一个好的选择是使用缓存插件,只需要随时清空缓存。它将为您完成所有艰苦的工作(版本化资源)。

答案 1 :(得分:0)

我遇到了同样的问题,我找到的解决方案是运行我的Java Web项目,并且当页面加载时没有CSS样式时,我按Crtl + F5键,我认为这种组合键会使您的浏览器难以刷新并正确加载.css文件