无法在自定义Drupal主题中定义活动链接颜色

时间:2013-07-29 14:54:59

标签: drupal hyperlink colors

我正在使用以下代码在自定义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>

1 个答案:

答案 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定义的内容。