0

我正在使用以下代码在我的自定义 Drupal 主题中打印一个两级嵌套菜单:

<?php
    print drupal_render(menu_tree_output(menu_tree_all_data('main-menu')));
?>

这工作正常,现在我正在尝试使用以下代码在我的 style.css 文件中编辑菜单外观。

a:link {color:#fff; text-decoration: none; font-family: 'Dosis', sans-serif; font-size: 22px;}    
a:active {color: #93278f;}
a:visited {color:#fff;} 
a:hover {color: #93278f;}

链接、已访问和悬停颜色设置工作正常,但活动链接颜色不起作用。活动链接不是所需的颜色#93278f,而是黑色。我该怎么做才能完成这项工作?

在源代码中,我看到活动菜单项的代码是例如

<li class="leaf active-trail"><a href="/drupal-7.22/?q=node/7" class="active-trail active-trail active-trail active">MENU ITEM</a></li>
4

1 回答 1

1

Active 是一个 CSS 类,它的目标是 CSS 中的“点”(而不是您使用的分号)。

将您的 CSS 代码更改为

a:link {color:#fff; text-decoration: none; font-family: 'Dosis', sans-serif; font-size: 22px;}    
a.active {color: #93278f;}
a:visited {color:#fff;} 
a:hover {color: #93278f;}

然后再试一次。否则,最好用 Firebug 看看是什么覆盖了你的 CSS 定义。

于 2013-07-29T18:05:38.570 回答