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活動菜單項不起作用？

回答

相關問題