html - 为什么我的使 Logo 居中的 CSS 代码不起作用？

Question

我认为 .custom-logo 类与 Logo 图像一样具体。但即使在使用 !important 时， Logo 不仅没有按照我想要的方式对齐，而且检查器仍然显示 margin-left: 650px;我以前用它来调整 Logo 的位置(这只是暂时的，直到我弄清楚如何正确对齐它，但我没有)。看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

虽然您的 CSS 显示 .logo 有 margin-left: auto;并且您的开发工具显示该样式仍然具有旧值问题出在您的缓存中。

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

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

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

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

希望这对您有所帮助。