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;
}

请注意a

之后的.active

希望这有帮助

Answer 2

在样式表.gf-menu > .active > a { color: #19D57E; }中添加此内容。

Answer 3

我认为您必须更改.item li-element中.active元素的颜色。目前您正在尝试更改li元素的颜色而不是链接的颜色。

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

Answer 4

找到CSS块：for item101 active last

请注意您的“家庭”来源：

<li class="item101 active last">

<a class="item" href="/index.php/home">Home </a> </li>

您将看到要更改的文本颜色属性。你正在做的事情不起作用的是你正在改变错误的CSS块属性。

使用CSS更改活动菜单项的文本颜色

4 个答案: