在标题菜单中订购CSS

Question

我想将网站从TYPO3移到Wordpress。我的网站即将完成，但标题菜单出现问题。单击原始网站上的特定页面时，我的标题的背景应该较暗。在我的WordPress测试网站上，背景仅在首页上变暗了。

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

这是单击“主页”旁边的“天使”时的外观：

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

由于我一直在按照自己的喜好设计网站，因此我不得不使用检查器工具来修复一些错误，因此在这种情况下也是如此，但是我无法找到如何在背景色上排序不同的页面。我也研究了HTML代码。由于标题菜单是自制的，因此无法查找。

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

ul.navigationboxL {
  float: left;
  margin: 0px;
  padding: 0px;
  margin-left: 30px;
  margin-right: 10px;
  list-style-type: none;
  width: 700px;
  height: 32px;
  border-radius: 10px 10px 0px 0px;
  /*background-color: #00E12D;*/
  overflow: hidden;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f7f7f7+0,eaeaea+54,c4c4c4+100,8ea6a2+100,829d98+100,4e5c5a+100,4e5c5a+100,4e5c5a+100 */
  background: #f7f7f7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f7f7f7 0%, #eaeaea 54%, #c4c4c4 100%, #8ea6a2 100%, #829d98 100%, #4e5c5a 100%, #4e5c5a 100%, #4e5c5a 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #eaeaea 54%, #c4c4c4 100%, #8ea6a2 100%, #829d98 100%, #4e5c5a 100%, #4e5c5a 100%, #4e5c5a 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #f7f7f7 0%, #eaeaea 54%, #c4c4c4 100%, #8ea6a2 100%, #829d98 100%, #4e5c5a 100%, #4e5c5a 100%, #4e5c5a 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#4e5c5a', GradientType=0);
  /* IE6-9 */
}

<div class="Headermenubox">
  <ul class="navigationboxL">
    <li><a class="aktuell" title="Home" href="http://ten.nis">| Home</a></li>
    <li><a title="Angebote" href="http://ten.nis/?page_id=29">| Angebote</a></li>
    <li><a title="Sponsoring" href="http://ten.nis/?page_id=31">| Sponsoring</a></li>
  </ul>

我尝试将检查器工具上的CSS弄乱了，但不起作用。任何形式的帮助或建议，我们都会感激不尽。