WordPress/Elementor下对CSS的不稳定处理

时间:2021-11-11 作者:NL_Derek

我经营一个小网站(www.binnenstadduurzaam.nl) 使用Elementor Pro和OceanWP,并进行平行测试现场测试。binnenstadduurzaam。nl,它与www站点相同,但我测试新功能或特性时除外。

我的网站有一个固定的标题,所以当我跳转到菜单锚时,我需要一个垂直偏移。在测试站点上,我通过添加offst 作为所有锚点的类,以及以下CSS:

.offst {
  margin-top: -150px;
  padding-bottom: 150px;
  display: block;
}
它在测试站点上运行良好,所以我在www站点上实现了它didn\'t work -- 完全没有偏移。我有一个变通方法,使用以下HTML而不是锚定标题对:

<h2>
   Bestelformulier
   <span style="
  margin-top: -150px;
  padding-bottom: 150px;
  display: block;"
id="formulier"> </span>
</h2>
这很好,但当然是一个黑客(和维护噩梦)。为了确定,我将整个测试站点导出到www站点(当然是在备份之后),但偏移量仍然不存在。我还尝试添加!important 但是这没有什么区别。

我能想到的唯一区别是,在www网站上,我先安装了各种主题和插件,然后又卸载了它们(在我想到创建一个测试域之前)。可能其中一个留下了破坏我的CSS的痕迹,但我如何找到(并修复)正在发生的事情呢?

[该网站为荷兰语,但您可以使用链接“Doe Mee”(主页第4段)或网站地图中的链接(在页脚中访问)进行测试]

编辑11月15日:我不清楚这些网站是如何建立的;很抱歉这个test 域具有class=offsanch 对于所有锚;这个www 域具有class=offst 对于所有锚except 对于锚id=formulier 在第页doemee, 它具有上面提到的内联样式解决方法。我更改了类名,因为这可能会让未来的站长感到困惑:“我不知道你是谁。”;什么是sanch,为什么要关闭它"E;

1 个回复
SO网友:tiago calado

这只是css,可能只是浏览器缓存不干净。但是,您的测试页面网站在此日期没有。offst类

enter image description here

你说你的主站点有一个内联css,还有一个formulier的id。

enter image description here

一旦此页面没有。offst类,为什么不在测试页的h2中添加一个id#my\\u h2\\u公式,然后用内联css删除main上的span,并将id#my\\u h2\\u公式添加到同一个h2中。现在只需将css提供给#my\\u h2\\u公式化器,而不是不存在的。两个站点的offst类。

在你的开发网站上还有一件事,你已经有了一个带有id公式的div,而在主网站上div没有该id,而是在一个跨度内有该id。导致此问题的另一个原因是,在该页面中,两个网站的html都不相同。这可能是最大的问题。

相关推荐

Style.css样式表不包含有效的主题标头。请问我该怎么做?

当我尝试上传一个我在免费主机上上传的主题时,这是我第一次在主机上上传主题,我得到了这个错误,因为风格。css样式表不包含有效的主题标头。然后我把这个放在我的风格上。css,但仍然会出现此错误,尽管主题在本地主机上运行得很好。请问我该怎么办?/** * Template Name: Mamba - v4.0.1 * Template URL: https://bootstrapmade.com/mamba-one-page-bootstrap-template-free/ * Aut