2009-08-25 15 views
0

ここで脳凍結。CSS Suckerfishとアクティブトップアイテム

私がしたいのは、Suckerfishドロップダウンメニューのリンクをドロップダウン内の現在のページとトップアイテムでアクティブにすることです。

I.e.下の記事メニューの項目では、CategoryoneまたはCategorytwoのいずれかがアクティブなときに、トップアイテム「記事」をアクティブにしたいと思います。 (アーカイブは、単一レベルのメニュー項目で、ちょうどFYIここに含まれています。)

私は、ページのタイトルとbodyタグを生成するように設定PHP、そうCategoryoneは<body id="Categoryone">

あるページのためのbodyタグを持っていますHTML:

<ul class="sf-menu"> 

<li id="Archives-menu" class="current"><a href="http://mydomain.com/archives/" title="Archives">Archives</a></li> 

<li id="Articles"><a href="" title="Articles">Articles</a><ul> 

<li id="Categoryone-menu" class="current"><a href="http://mydomain.com/categoryone/" title="Categoryone">Categoryone</a></li> 
<li id="Categorytwo-menu" class="current"><a href="http://mydomain.com/categorytwo/" title="Categorytwo">Categorytwo</a></li></ul></li> 

</ul> 

CSS:

#Archives #Archives-menu a, #Categoryone-menu #Categoryone-menu a, #Categorytwo-menu #Categorytwo-menu a 

{ 
color:#fff; 
} 

私は、dは、その後のすべてのリンクを試してみて、記事をアクティブにするために#Articles #Articles-menu aでこれをスローした場合下りはアクティブです。

答えて

0

あなたがしていることについて多くの情報を与えていません。しかしここに私の推測です:あなたのセレクターはオフです。これを試してください:

#Archives a , #Archives-menu a , .current 
{ 
color:#fff; 
} 

また、これらのアイテムから現在のクラスを削除し、ユーザーが正しいページにいるときに動的に適切なアイテムに追加してください。 (たぶん、Sukerfishはあなたのためにそれをしますか?)