我的个人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在菜单中的页面之间移动。
由于
答案 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文件