css - 使用 CSS 更改事件菜单项的文本颜色

Question

我需要您帮助我使用 CSS 更改我网站上事件菜单项的文本颜色。

(这是一个 Joomla 网站，我正在根据我们的需要修改标准的 Gantry 框架模板)。

这是事件菜单项的 CSS...

.gf-menu.l1 > li.active {
      background: none;
      color: #19D57E;
      border: none;
      border-bottom: 3px solid #19D57E;
      border-radius: 0px;
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      margin: 0 auto;
      padding-top: 1px;
    }

这是被动菜单项的 CSS...

 .gf-menu .item {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 13px;
      line-height: 21px;
      color: #555555;
      padding: 4px 8px;
      text-align: left;
      text-shadow: 0px 0px 0 transparent;
      text-decoration: none;
      display: block;
      outline: 0;
      cursor: pointer;
      font-weight: bold;
    }

我想要的是将事件菜单项中的文本颜色设为绿色 (#19D57E)。

事件菜单项已经在底部显示一条绿线，但菜单项的文本颜色与被动菜单项一样保持黑色。如您所见，我已经指定了颜色的文本，但由于某种原因它没有这样做。

我做错了什么？

如果您想看一下网站，请转到http://www.barrylong.tv/index.php/home

非常感谢!

赫克托耳

Answer 1

这是需要的 CSS:

.gf-menu.l1 > li.active a {
      color: #19D57E;
}

注意.active之后的a

希望对你有帮助