Javascript 在标题菜单中排序CSS

我想把一个网站从TYPO3移动到Wordpress。我的网站几乎完成了，但是标题菜单有问题。当点击原始网站上的特定页面时，我的标题应该有一个较暗的背景。在我的测试网站WordPress上，背景只在首页变暗

这是您访问原始网站和我的测试网站时的背景：

这就是点击“主页”旁边的“Angebote”时的样子：

但是，它与第一张图片保持相同，尽管它显示了正确的内容

因为我一直在根据自己的喜好设计网站，所以我不得不使用inspector工具来修复一些错误，所以在本例中我也这样做了，但我无法找到如何在不同页面上排序背景颜色。我也研究了HTML代码。由于标题菜单是自制的，所以我无法查找

这是标题菜单的HTML代码的一部分：

ul.navigationboxL{
浮动：左；
边际：0px；
填充：0px；
左边距：30px；
右边距：10px；
列表样式类型：无；
宽度：700px；
高度：32px；
边界半径：10px 10px 0px 0px；
/*背景色：#00E12D*/
溢出：隐藏；
/*Permalink-用于编辑和共享此渐变：http://colorzilla.com/gradient-editor/#f7f7f7+0，eaeaea+54，c4c4c4+100,8ea6a2+100829D98+100,4e5c5a+100,4e5c5a+100,4e5c5a+100,4e5c5a+100*/
背景：#f7f7f7；
/*旧浏览器*/
背景：-莫兹线性梯度（顶部，#F7F7F7F7F70%，#eaeaea 54%，#C4C4100%，#8ea6a2 100%，#829d98 100%，#4e5c5a 100%，#4e5c5a 100%，#4e5c5a 100%，#4e5c5a 100%）；
/*FF3.6-15*/
背景：-webkit线性梯度（顶部，#F7F7F7F7F70%，#eaeaea 54%，#C4C4100%，#8ea6a2 100%，#829d98 100%，#4e5c5a 100%，#4e5c5a 100%，#4e5c5a 100%，#4e5c5a 100%）；
/*铬10-25，Safari5.1-6*/
背景：线性梯度（至底部，#F7F7F7F7F70%，#eaeaea 54%，#C4C4100%，#8ea6a2 100%，#829d98 100%，#4e5c5a 100%，#4e5c5a 100%，#4e5c5a 100%，#4e5c5a 100%）；
/*W3C、IE10+、FF16+、Chrome26+、Opera12+、Safari7+*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#f7f7f7'，endColorstr='#4e5c5a'，GradientType=0）；
/*IE6-9*/
}

这不是完整的css！不，不是。标题有两个菜单，但另一个用于电子邮件和打印。该网站是。这是Firefox的完整css:view来源：它适用于他们的站点。问题是什么？问题是在我的测试网站上，背景不适合其他元素，比如“Angebote”或“赞助商”。因为他们可能有一些JavaScript来做这些事情。你也需要复制它。这不是完整的css！不，不是。标题有两个菜单，但另一个用于电子邮件和打印。该网站是。这是Firefox的完整css:view来源：它适用于他们的站点。问题是什么？问题是在我的测试网站上，背景不适合其他元素，比如“Angebote”或“赞助商”。因为他们可能有一些JavaScript来做这些事情。你也需要复制一下。