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

Question

我的个人 site 有一个奇怪的问题

我想自定义页脚 Logo (左下方)并插入此 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;
}

所以我与版权文本(在页脚的右下方)保持一致，但看起来像打开主站点时，在主页上一切正常，但如果单击某些页面，我的 CSS 不适用于该部分，因为某些原因。如果单击 F5 刷新页面，我的 CSS 已应用，并且可以看到更改。如何让 CSS 在不需要的情况下工作

刷新页面，因为 looks 主题使用 Ajax 在菜单中的页面之间移动。

谢谢

Answer 1

.page-id-769 类仅自动附加到 ID 为 79 的页面。如果您希望它应用于所有页面，请使用另一个类。出现在您的所有页面上。 .page 似乎适合这份工作:

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

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

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

---

关于必须刷新页面才能看到对 style.css 所做的 CSS 更改，这是因为您的浏览器保留了您的 style 的副本.css 一旦你访问过它，当你再次访问该页面时将使用这个副本。有几种技术可以禁用此行为，例如在对文件进行排队时将随机参数附加到文件名，或者使用 .htaccess 规则即时执行此操作。另外，a plugin可用于此任务。

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

另一个不错的选择是使用缓存插件，并在需要时清空缓存。它将为您完成所有艰苦的工作(版本控制资源)。