Css 查看时突出显示子菜单项
我有一个菜单,基本上什么都没有,只是一堆无序的列表。以下是一个例子:Css 查看时突出显示子菜单项,css,list,menu,highlight,Css,List,Menu,Highlight,我有一个菜单,基本上什么都没有,只是一堆无序的列表。以下是一个例子: <div id="horiz-menu" class="moomenu"><div class="wrapper"> <ul class="menutop"> <li><a href="something.html"><span>Home Page (top menu item)</span></a> <
<div id="horiz-menu" class="moomenu"><div class="wrapper">
<ul class="menutop">
<li><a href="something.html"><span>Home Page (top menu item)</span></a>
<ul>
<li><a href="something2.html"><span>Second page (sub menu item)</span></a>
</li>
</ul>
</li>
<li class="parent active"><a href="something3.html"><span>Resources (top menu item)</span></a>
<ul>
<li id="current" class="active"><a href="something4.html"><span>Third Page (sub menu item)</span></a>
</li>
<li><a href="something5.html"><span>Fourth Page (sub menu item)</span></a>
</li>
</ul>
</li>
</ul>
</div></div>
我不知道这是不是做这件事的方法。有人能帮忙吗?如果您感到困惑,我希望能够使用css使用li class=“active”或id=“current”为第二个ul上色。“活动”和“当前”id和类将动态应用于正在查看的页面的任何列表项
谢谢 使用带有背景色的
.active
类应该可以,但是,这取决于您有什么其他CSS。您必须确保.active
或#current
的特定性大于默认样式(#horiz menu ul li
)。另外,请确保再次检查是否是li
具有默认背景css,而不是其内部的锚。请尝试JQuery中的addClass方法
$("a.classname").click(function(){
$("li#idname").addClass("active");
});
您想突出显示子菜单还是水平菜单?您当前的css正在更改主页和资源的背景。但您的问题似乎是希望突出显示当前子菜单(例如第二页)。
$("a.classname").click(function(){
$("li#idname").addClass("active");
});