0

次のコードを使用して、カスタム Drupal テーマで 2 レベルのネストされたメニューを出力しています。

<?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 に答える