代码之家 › 专栏 › 技术社区 › markratledge

CSS吸盘鱼和活动项

suckerfish menuitem css

0

markratledge · 技术社区 · 15 年前

大脑在这里冻结。

我要做的是在下拉列表和顶部项目的当前页面上激活“吸盘鱼”下拉菜单链接。

也就是说,在下面的“文章”菜单项中,我希望在CategoryOne或CategoryTwo处于活动状态的同时激活顶部项目“文章”。(存档是一个单级菜单项,这里只包括仅供参考。)

我已经设置了PHP来生成一个带有页面标题的body标记,因此页面类别的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 若要尝试使文章处于活动状态,则下拉列表中的所有链接都处于活动状态。

1 回复 | 直到 15 年前

1

0

Andrew Magill 15 年前

关于你正在努力做的事情,你没有给出太多的信息。但我的猜测是:你的选择器关闭了。试试这个:

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

还可以从这些项中删除当前类,并在用户位于右侧页面时动态地将其添加到相应的项中。(也许苏克菲什会为你做这个?)