我正在使用以下代码在自定义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>
答案 0 :(得分: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定义的内容。