CSS代码在一个页面上不起作用[关闭]

Posted 2023-03-06

【中文标题】CSS代码在一个页面上不起作用[关闭]

【英文标题】：CSS code not working on one single page [closed]

【发布时间】：2018-03-31 12:39:08

【问题描述】：

对于我的工作场所，我不得不通过 wordpress/avada 建立一个新网站，到目前为止一切都很好，除了以下几点：

菜单中的一个按钮当前是这样的：https://gyazo.com/00850a7c32e4eb3d22c4d7dd7158ad38

但它需要像this page一样向下移动

我确定了菜单项/按钮：

<li role="menuitem" id="menu-item-2660" class="b2b-login-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-2660" data-classes="b2b-login-menu">
    <a href="http://shop.bemontex.com/webstore" class="fusion-flex-link"><span class="fusion-megamenu-icon"><i class="fa glyphicon fa-user-circle"></i></span><span class="menu-text">B2B Login</span></a>
</li>

并赋予它以下属性：

#menu-item-2660 
    margin-top: 18px !important;

上面的 css 代码适用于每个页面，除了主页。

有人知道为什么会这样吗？我多次清空浏览器缓存并在不同的浏览器和设备上进行了测试，但仍然没有运气...

感谢任何帮助！ :)

【问题讨论】：

好的，刚刚检查了你的网站，它没有选择你声明 18px 上边距的样式表 - 如果你在主页上添加 18px 上边距，它也可以工作

【参考方案1】：

这是一个缓存问题：

http://outdoortycoon.com/?bust=dacache

找到您的缓存设置并清除它（或等待），问题就会消失。

澄清一下：它不是你的浏览器缓存-它是你的服务器缓存。这可能是一个 wordpress 插件，如 WP-supercache、w3 或类似的东西，或者它甚至可能是一个缓存服务，如 cloudflare 或类似的。我不可能知道您在使用什么，但您需要识别服务器端缓存并清除它...

【讨论】：

Mikk3lRo 的回答奏效了！真的很奇怪，因为我多次刷新缓存，但通过 wordpress 插件确实有效。解决了！感谢所有回答的人:)

当你自己发现它时，我只是在澄清我所说的“缓存”的意思；）

哈哈是的，是 WP-Supercache 出了问题。感谢您的澄清！ :)

【参考方案2】：

我尽量避免在这种情况下使用边距，并选择在 position: relative 上加上 top: 2rem 或其他东西。但话虽如此，我认为这个主题可能很奇怪，并不是所有的 CSS 都会加载到每个页面上。确保正在加载该 CSS 文件。