漂亮的菜单如何使活动页面具有不同的颜色 - drupal 7

时间:2013-02-26 16:03:11

标签: menu drupal-7

我有一个非常简单的水平菜单,它有一个带有彩色链接的纯色背景。当我在目标页面时,如何更改链接的颜色? 我试过这个#nice-menu-1 li a:active 但是当我点击它时,它只影响颜色。当我在该页面上时,我希望菜单上该项目的颜色保持不变。 感谢

1 个答案:

答案 0 :(得分:2)

当点击或点击该元素时,元素“在:active伪类的定义中是活动的。所以你在上面描述的是预期的行为。

你需要:

  1. 在与当前页面对应的链接上设置类
  2. 使用CSS定位该类
  3. 幸运的是,Nice Menus和Drupal通过向.active标记添加<a>类,向父.active-trail标记添加<li>类来处理#1。 / p>

    所以你可以像这样定位CSS中的那些:

    #nice-menu-1 li.active-trail a,
    #nice-menu-1 li a.active { color: #0f0;}