CSS活动菜单项不起作用？

我已经阅读了有关此主题的大量StackOverflow主题，但他们似乎并不适合我，请问您看看我做错了什么？CSS活动菜单项不起作用？

<div class="c menu-accordion"> 
<ul> 
    <a href="#"> 
     <li class="yellow">Menu Item 5 </li> 
    </a> 
</ul> 
</div> 

.bkg-yellow, 
.menu-accordion ul li.yellow { 
background:#f5a906; 
} 

.menu-accordion ul li.yellow:active { 
background:#000; 
}

我希望选定的列表项在选定/激活后保持黑色。此刻，如果我按住鼠标点击列表项目，它会变成黑色，但是当我释放时，它会回到原始颜色。

查看我创建的小提琴作为示例。 http://jsfiddle.net/eAhac/4/

来源

2013-12-20 Mike

你需要通过jQuery/JavaScript来添加一个类LI添加亚采评论做出选择。这仅适用于CSS。 – Era

正如我刚才所说，并重新构建你的代码check this Link

$('li').click(function(){ 
    $('li').removeClass('selected'); 
    $(this).addClass('selected'); 
});

来源

2013-12-20 10:37:35 Era

您的HTML无效。我应该提出类似的东西为HTML5

<nav> 
    <ul> 
     <li><a href="/" title="Title MUST be here also">LINK</a></li> 
    </ul> 
</nav>

而且，活动伪类应适用于锚，这样的：

nav ul li a:active {background: #f00;}

但它只会工作，一会儿该项目被点击，我认为：）。

UPDATE 如果您需要保存点击元素，和主持人有事件阻止默认情况下，你应该使用的点击事件（的JQuery）添加类给他们。然后点击元素将有额外的类和另一种颜色/背景。如果你需要代码，请写:)。

“提示：使用：链接选择器将链接设置为未访问页面，访问选择器设置访问页面链接的样式，以及使用：悬停选择器在鼠标悬停时选择样式链接。

http://www.w3schools.com/cssref/sel_active.asp

希望它可以帮助

来源

2013-12-20 10:33:03

CSS活动菜单项不起作用？

回答

相关问题