Menu 很好的菜单如何使活动页面具有不同的颜色-drupal 7

Menu 很好的菜单如何使活动页面具有不同的颜色-drupal 7,menu,drupal-7,Menu,Drupal 7,我有一个非常简单的水平菜单,有一个带有彩色链接的坚实背景。当我在目标页面时,如何更改链接的颜色? 我试过这个35;尼斯-菜单-1李a:活动 但这只会在我点击它的时候影响它的颜色。我希望当我在该页面上时,菜单项上的颜色保持不变。 感谢当单击或点击元素时,元素“在:active伪类的定义中处于活动状态”。因此,您上面描述的是预期行为 您需要: 在链接上设置与当前页面对应的类 用CSS将该类作为目标 幸运的是,漂亮的菜单和Drupal通过向标记添加.active类和向父标记添加.active trai

我有一个非常简单的水平菜单,有一个带有彩色链接的坚实背景。当我在目标页面时,如何更改链接的颜色? 我试过这个35;尼斯-菜单-1李a:活动 但这只会在我点击它的时候影响它的颜色。我希望当我在该页面上时,菜单项上的颜色保持不变。 感谢

当单击或点击元素时,元素“在
:active
伪类的定义中处于活动状态”。因此,您上面描述的是预期行为

您需要:

  • 在链接上设置与当前页面对应的类
  • 用CSS将该类作为目标
  • 幸运的是,漂亮的菜单和Drupal通过向
    标记添加
    .active
    类和向父
  • 标记添加
    .active trail
    类为您处理了#1

    因此,您可以像这样针对CSS中的对象:

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

    嗨,我尝试过这个,但它不会反映出来。似乎有其他东西正在覆盖我为活动元素设置的内容。当我为悬停元素设置颜色时(#nice-menu-1li a:hover{)不过它工作得很好。很可能是另一种样式覆盖了它。有关CSS特性的解释,请参见此处:。您也可以在值后添加
    !important
    ,但您不希望从长远来看依赖于该拐杖,如果该选择器的另一个实例具有!important,则它不一定工作。好吧,当我重新启动时ted浏览器您提到的代码终于起作用了。谢谢。在本网站上发布更多问题之前,您应该学习如何接受答案(,)@DianaCastillo如果给出的答案有帮助并解决了您的问题,不要忘记批准答案,这样花时间帮助的人就可以获得好处。此外,任何其他有类似问题的用户都可以看到什么对您有效。