Question

脑冻结在这里。

我想要做的是让Suckerfish下拉菜单链接在下拉列表中的当前页面以及顶部项目上处于活动状态。

即。在下面的文章菜单项中，我希望在Categoryone或Categorytwo处于活动状态的同时激活顶级项目“文章”。（档案是一个单一级别的菜单项，仅供参考。）

我设置php以生成带有页面标题的body标签，因此页面Categoryone的body标签为<body id="Categoryone">

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;
}

如果我在#Articles #Articles-menu a中抛出此内容以尝试激活文章，则下拉列表中的所有链接都处于活动状态。

Answer 1

你没有提供很多关于你正在做的事情的信息。但这是我的猜测：你的选择器已关闭。试试这个：

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

同时从这些项目中删除当前类，并在用户位于右侧页面时动态将其添加到相应项目。（也许Sukerfish会为你做这件事吗？）

CSS Suckerfish和活跃的顶级项目

1 个答案: