Question

我的个人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在菜单中的页面之间移动。

由于

Answer 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可用于此任务。

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

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

Answer 2

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

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

2 个答案: