CSS 代码无法在单个页面上运行

Question

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

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

一样向下移动

我确定了菜单 item/button:

<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 代码适用于每个页面，但主页除外。

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

感谢任何帮助！ :)

Answer 1

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

Answer 2

缓存问题：

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

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

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

CSS 代码无法在单个页面上运行

CSS code not working on one single page

html

css

wordpress

margin

menuitem