2

在使用 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

非常感谢！

赫克托

4

4 回答 4

1

这是所需的 CSS：

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

注意a后面.active

希望这可以帮助

于 2013-09-28T19:46:20.827 回答
0

将此添加到您的样式表.gf-menu > .active > a { color: #19D57E; }中。

于 2013-09-28T19:47:15.597 回答
0

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

.gf-menu.l1 > li.active .item {
    /* ... */
    color: #19D57E;
    /* ... */
}
于 2013-09-28T19:47:23.710 回答
0

找到 CSS 块：foritem101 active last

请注意您的“家”来源：

<li class="item101 active last">

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

您将看到要更改的文本颜色属性。您所做的事情不起作用的原因是您更改了错误的 CSS 块属性。

于 2013-09-28T19:49:36.233 回答