Question

我认为.custom-logo类与徽标图像一样具体。但是，即使在使用！important时，徽标不仅未按照我想要的方式对齐，而且检查器仍在显示左边距：650px;我以前用来调整徽标的位置（这只是暂时的，直到我想出如何正确对齐徽标为止，而我没有这么做）。查看CSS代码，HTML代码和我的网站图片：

.custom-logo {
width: 350px;
height: 350px;
margin-left: auto !important;
margin-right:auto !important;
display:block;

}

<img width="719" height="719" src="http://127.0.0.1/wp/wp-content/uploads/2019/02/cropped-logomatmart2.png" class="custom-logo" alt="<-MattmArt->" itemprop="logo" srcset="http://127.0.0.1/wp/wp-content/uploads/2019/02/cropped-logomatmart2.png 719w, http://127.0.0.1/wp/wp-content/uploads/2019/02/cropped-logomatmart2-150x150.png 150w, http://127.0.0.1/wp/wp-content/uploads/2019/02/cropped-logomatmart2-300x300.png 300w, http://127.0.0.1/wp/wp-content/uploads/2019/02/cropped-logomatmart2-100x100.png 100w" sizes="(max-width: 719px) 100vw, 719px">

Picture of my child-css style sheet and the inspector

Answer 1

尝试重新启动本地，如果仍然使用旧样式，则尝试进行硬刷新。

Answer 2

虽然CSS显示.logo的左边距为：auto;并且您的开发工具表明该样式仍然具有旧价值，问题出在缓存中。

由于您使用的是wordpress，因此您可能有一个缓存插件。您需要从插件中清除缓存，然后从浏览器中清除缓存。

如果您正在使用像cloudflare这样的CDN，则可能还需要清除该缓存。

还请注意，某些主机（例如SiteGround）在其服务器中内置了一些非常强大的缓存，因此您可能也需要清除它们。

有时您可以以隐身模式查看页面，也可以使用其他浏览器。

希望这会有所帮助。

为什么我的CSS代码将徽标居中不起作用？

2 个答案: