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

【问题标题】：nice menus how to make the active page have a different color - drupal 7漂亮的菜单如何使活动页面具有不同的颜色 - drupal 7
【发布时间】：2013-02-12 04:11:59
【问题描述】：

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

【问题讨论】：

标签： menu drupal-7

【解决方案1】：

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

您需要：

在与当前页面对应的链接上设置一个类
使用 CSS 定位该类

幸运的是，Nice Menus 和 Drupal 会为您处理 #1，方法是将 .active 类添加到 <a> 标记，并将 .active-trail 类添加到父级 <li> 标记。

所以你可以像这样在 CSS 中定位那些：

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

【讨论】：

您好，我试过这个，但它不会反映它。似乎其他东西覆盖了我为活动元素放置的内容。当我为悬停元素（#nice-menu-1 li a:hover{）添加颜色时，它可以正常工作。
很可能是另一种风格正在覆盖它。有关 CSS 特异性的说明，请参见此处：stackoverflow.com/questions/9133570/…。您也可以在值之后添加!important，但从长远来看，您不想依赖该拐杖，并且如果该选择器的 another 实例带有！很重要。
好吧，当我重新启动浏览器时，您提到的代码终于起作用了。非常感谢
在本网站上发布更多问题之前，您应该了解如何接受答案（stackoverflow.com/questions/14734145/…，stackoverflow.com/about）
@DianaCastillo 如果给出的答案有帮助并解决了您的问题，请不要忘记批准答案，以便花时间帮助的人获得好处。此外，遇到类似问题的任何其他用户都可以看到对您有用的方法。